@charset 'utf-8';
/* CSS reset */
html {
  color: #000;
  background: #FFF;
  font-family: Arial, 'SimHei';
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong {
  padding: 0;
  margin: 0;
  font-family: Arial, 'SimHei';
}
body {
  font-size: 12px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #000;
  outline: none;
}
/*此处待添加默认链接颜色*/
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
var,
em,
strong {
  font-style: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pf {
  position: fixed;
}
.pa0 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.patl0 {
  position: absolute;
  top: 0;
  left: 0;
}
.patr0 {
  position: absolute;
  top: 0;
  right: 0;
}
.pabl0 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pabr0 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pf0 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pftl0 {
  position: fixed;
  top: 0;
  left: 0;
}
.pftr0 {
  position: fixed;
  top: 0;
  right: 0;
}
.pfbl0 {
  position: fixed;
  bottom: 0;
  left: 0;
}
.pfbr0 {
  position: fixed;
  bottom: 0;
  right: 0;
}
.dn {
  display: none;
}
.db {
  display: block;
}
.ove {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.sn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.mw {
  min-width: 100%;
}
.w {
  width: 100%;
}
.h {
  height: 100%;
}
.fwh {
  width: 100%;
  height: 100%;
}
.ma {
  margin: 0 auto;
}
.bdn {
  border: none;
}
.bgf {
  background-color: #fff;
}
.bgb {
  background-color: #000;
}
.bgt {
  background-color: transparent;
}
.bz {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.bgc {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.ovl {
  text-decoration: overline;
}
.lt {
  text-decoration: line-through;
}
.cw {
  color: #ffffff;
}
.cb {
  color: #000000;
}
.fwb {
  font-weight: bold;
}
.fwn {
  font-weight: normal;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.es {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.disbox {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
}
.bf {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
}
.df {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.curp {
  cursor: pointer;
}
.aft,
.bef {
  content: '\200B';
  display: block;
  position: absolute;
}
.rzn {
  resize: none;
}
.rzb {
  resize: both;
}
.rzv {
  resize: vertical;
}
.rzh {
  resize: horizontal;
}
.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
span,
strong,
em,
b,
i,
a,
img,
li,
var,
del,
ins {
  display: block;
  font-weight: normal;
  font-style: normal;
}
form input,
form textarea {
  background: transparent;
  border: none;
  outline: none;
}
input,
textarea {
  border: none;
  outline: none;
  background: transparent;
}
input::-ms-clear,
input::-ms-reveal {
  display:  none;
}
a,
input,
textarea,
tr {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hide {
  position: fixed;
  left: -9999px;
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ml1 {
  margin-left: 0.8rem;
}
.mr1 {
  margin-right: 0.8rem;
}
.mb1 {
  margin-bottom: 0.8rem;
}
.pt1 {
  padding-top: 0.8rem;
}
.pb1 {
  padding-bottom: 0.8rem;
}
.pl1 {
  padding-left: 0.8rem;
}
.pr1 {
  padding-right: 0.8rem;
}
.plr1 {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
}
.bb1 {
  border-bottom: 1px dashed #e5e5e5;
}
.bst1 {
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
}
.bsb1 {
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
.bsr1 {
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
.bsr2 {
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
.bd1 {
  border: 1px solid #fff;
}
.bd2 {
  border: 1px solid yellow;
}
.bdt1 {
  border-top: 1px solid #fff;
}
.bdb1 {
  border-bottom: 1px solid #fff;
}
.bst2 {
  -webkit-box-shadow: 0 1px 0 0 #cccccc inset;
  -moz-box-shadow: 0 1px 0 0 #cccccc inset;
  -ms-box-shadow: 0 1px 0 0 #cccccc inset;
  -o-box-shadow: 0 1px 0 0 #cccccc inset;
  box-shadow: 0 1px 0 0 #cccccc inset;
}
.bsb2 {
  -webkit-box-shadow: 0 -1px 0 0 #cccccc inset;
  -moz-box-shadow: 0 -1px 0 0 #cccccc inset;
  -ms-box-shadow: 0 -1px 0 0 #cccccc inset;
  -o-box-shadow: 0 -1px 0 0 #cccccc inset;
  box-shadow: 0 -1px 0 0 #cccccc inset;
}
.bdt2 {
  border-top: 1px solid #ccc;
}
.bdb2 {
  border-bottom: 1px solid #ccc;
}
.bra1 {
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  -o-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.lh1 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
.lh2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
.lh3 {
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
.lh4 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
}
.lhc1 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
.lhc2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
.lhc3 {
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
.lhc4 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
.bra1 {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
.bra2 {
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
.sex strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
.sex .boy {
  color: #00adff;
}
.sex .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
.sex .girl {
  color: #e13184;
}
.sex .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
.input div {
  position: relative;
  height: 4.0rem;
}
.input div input {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 25.2rem;
  padding-left: 0.8rem;
}
.input div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
.input div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
.input2 {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.input2 div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
.input2 div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
.input2 div input,
.input2 div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
.input2 div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
.input2 div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
.input2 div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.btn1 {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
.rightarrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
.star-list .star0 b {
  display: none;
}
.star-list .star1 b {
  width: 10%;
}
.star-list .star2 b {
  width: 20%;
}
.star-list .star3 b {
  width: 30%;
}
.star-list .star4 b {
  width: 40%;
}
.star-list .star5 b {
  width: 50%;
}
.star-list .star6 b {
  width: 60%;
}
.star-list .star7 b {
  width: 70%;
}
.star-list .star8 b {
  width: 80%;
}
.star-list .star9 b {
  width: 90%;
}
.star-list .star10 b {
  width: 100%;
}
.star-list .star10:after {
  display: none;
}
html {
  height: 100%;
}
html body {
  overflow: auto;
  height: 100%;
}
html body .header-back-btn {
  position: fixed;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 4rem;
  z-index: 101;
}
html body .header-back-btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e660";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  z-index: 99;
}
html body .header-title .arrow,
html body .header-title .link-arrow,
html body .header-title .arrow-no-event {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 4rem;
  padding: 0;
  z-index: 10;
}
html body .header-title .arrow:after,
html body .header-title .link-arrow:after,
html body .header-title .arrow-no-event:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e660";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .left-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  padding: 0;
  z-index: 10;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .header-title .map,
html body .header-title .search,
html body .header-title .help {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .header-title .map {
  right: 4rem;
}
html body .header-title .map:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e627";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .search:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e67a";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  line-height: 4.5rem;
}
html body .header-title .help:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e600";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .selection {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  width: 23.6rem;
  margin: 0 auto;
}
html body .header-title .selection span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 4rem;
  line-height: 4rem;
  color: #222222;
  font-size: 1.2rem;
  text-align: center;
}
html body .header-title .selection .active {
  color: #f60;
  -webkit-box-shadow: 0 -2px 0 0 #ff6600 inset;
  -moz-box-shadow: 0 -2px 0 0 #ff6600 inset;
  -ms-box-shadow: 0 -2px 0 0 #ff6600 inset;
  -o-box-shadow: 0 -2px 0 0 #ff6600 inset;
  box-shadow: 0 -2px 0 0 #ff6600 inset;
}
html body .header-title h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  width: 80%;
  height: 4rem;
  margin: 0 auto;
  color: #ffffff;
  line-height: 4rem;
  font-size: 1.6rem;
  text-align: center;
}
html body .header-title h1 span {
  display: inline;
  color: #ffff00;
}
html body .header-title .hidden {
  opacity: 0;
}
html body .header-title .link {
  height: 4rem;
  margin: 0 auto;
  text-align: center;
}
html body .header-title .link a {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 100%;
  line-height: 3.52rem;
  font-size: 1.28rem;
  text-align: center;
}
html body .header-title .link a .add-link-arrow {
  display: inline;
  width: 0;
  height: 0;
  padding-left: 0.68rem;
  background: url(../images/header_link_arrow.png) right bottom no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
html body .header-title strong {
  position: absolute;
  top: 0;
  right: 0;
  width: 7rem;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .header-title .list {
  right: 4rem;
  width: 4rem;
}
html body .header-title .list:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.28rem;
  content: "\e638";
  display: block;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title a.manage {
  position: absolute;
  top: 0;
  right: 0;
  width: 7rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.2rem;
  text-align: center;
  color: #ffff00;
}
html body .header-title .search-btn-small {
  background: url(../images/header_search_btn.png) center center no-repeat;
  -webkit-background-size: 1.36rem 1.4rem;
  -moz-background-size: 1.36rem 1.4rem;
  -ms-background-size: 1.36rem 1.4rem;
  -o-background-size: 1.36rem 1.4rem;
  background-size: 1.36rem 1.4rem;
}
html body .header-title .search-btn-big {
  width: 21.6rem;
  height: 2.72rem;
  line-height: 2.72rem;
  color: #999999;
  font-size: 1.04rem;
  margin: 0 auto;
  margin-top: 0.4rem;
  padding-left: 3.2rem;
  background: url(../images/header_search_btn.png) 1.28rem center no-repeat;
  -webkit-background-size: 1.32rem 1.2rem;
  -moz-background-size: 1.32rem 1.2rem;
  -ms-background-size: 1.32rem 1.2rem;
  -o-background-size: 1.32rem 1.2rem;
  background-size: 1.32rem 1.2rem;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4 inset;
  -moz-box-shadow: 0 0 0 2px #f4f4f4 inset;
  -ms-box-shadow: 0 0 0 2px #f4f4f4 inset;
  -o-box-shadow: 0 0 0 2px #f4f4f4 inset;
  box-shadow: 0 0 0 2px #f4f4f4 inset;
  -webkit-border-radius: 1.36rem;
  -moz-border-radius: 1.36rem;
  -ms-border-radius: 1.36rem;
  -o-border-radius: 1.36rem;
  border-radius: 1.36rem;
}
html body .header-title .like {
  position: absolute;
  top: 0;
  right: 0;
  right: 3.92rem;
  width: 3.84rem;
  height: 3.52rem;
}
html body .header-title .like:after {
  content: "\0702";
  display: block;
  height: 3.52rem;
  line-height: 3.52rem;
  color: #ffffff;
  font-size: 1.48rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .like.active:after {
  content: "\0706";
  display: block;
  height: 3.52rem;
  line-height: 3.52rem;
  color: #ffffff;
  font-size: 1.48rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .forwarding {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.92rem;
  height: 3.52rem;
}
html body .header-title .forwarding:after {
  content: "\0700";
  display: block;
  height: 3.52rem;
  line-height: 3.52rem;
  color: #ffffff;
  font-size: 1.56rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-title .no-arrow,
html body .header-title .no-title,
html body .header-title .no-link,
html body .header-title .no-btn {
  display: none;
}
html body .header-activity {
  background: transparent url(../images/activity_header.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
html body .header-activity .user-more:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.28rem;
  content: "\e638";
  display: block;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-user-activity {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  z-index: 99;
}
html body .header-user-activity .arrow,
html body .header-user-activity .link-arrow,
html body .header-user-activity .arrow-no-event {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 4rem;
  padding: 0;
  z-index: 10;
}
html body .header-user-activity .arrow:after,
html body .header-user-activity .link-arrow:after,
html body .header-user-activity .arrow-no-event:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e660";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-user-activity .activity-btn {
  height: 2.4rem;
  padding-top: 0.8rem;
  width: 12.8rem;
  margin: 0 auto;
}
html body .header-user-activity .activity-btn strong {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  width: 6.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .header-user-activity .activity-btn strong:nth-child(1) {
  -webkit-border-radius: 0.4rem 0 0 0.4rem;
  -moz-border-radius: 0.4rem 0 0 0.4rem;
  -ms-border-radius: 0.4rem 0 0 0.4rem;
  -o-border-radius: 0.4rem 0 0 0.4rem;
  border-radius: 0.4rem 0 0 0.4rem;
}
html body .header-user-activity .activity-btn strong:nth-child(2) {
  -webkit-border-radius: 0 0.4rem 0.4rem 0;
  -moz-border-radius: 0 0.4rem 0.4rem 0;
  -ms-border-radius: 0 0.4rem 0.4rem 0;
  -o-border-radius: 0 0.4rem 0.4rem 0;
  border-radius: 0 0.4rem 0.4rem 0;
}
html body .header-user-activity .activity-btn .active {
  background: #666;
  color: #ffff00;
}
html body .header-user-activity em {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.28rem;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .header-news strong {
  width: 4.0rem;
  right: 4.0rem;
}
html body .header-news em {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .header-news em:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e635";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-news em.active i {
  position: absolute;
  top: 1rem;
  right: 2.2rem;
  width: 0.5rem;
  height: 0.5rem;
}
html body .header-news em.active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  content: "\e604";
  display: block;
  height: 0.5rem;
  line-height: 0.5rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
  color: #e82e8e;
}
html body .index-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background-color: #fff;
  z-index: 97;
}
html body .index-footer a {
  position: relative;
  float: left;
  width: 20%;
  padding-top: 2.4rem;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
}
html body .index-footer a i {
  display: none;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: 0.2rem;
  left: 3.2rem;
  background: red;
}
html body .index-footer a:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e637";
  display: block;
  height: 2.48rem;
  line-height: 2.48rem;
  color: #ffffff;
  font-size: 2.18rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .index-footer a:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e61b";
  display: block;
  height: 2.52rem;
  line-height: 2.52rem;
  color: #ffffff;
  font-size: 1.98rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .index-footer a:nth-child(3):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e6fd";
  display: block;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .index-footer a:nth-child(4):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e64d";
  display: block;
  height: 2.1rem;
  line-height: 2.1rem;
  color: #ffffff;
  font-size: 2.1rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .index-footer a:nth-child(5):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e653";
  display: block;
  height: 2.72rem;
  line-height: 2.72rem;
  color: #ffffff;
  font-size: 2.04rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .index-footer a:nth-child(1).active,
html body .index-footer a:nth-child(2).active,
html body .index-footer a:nth-child(3).active,
html body .index-footer a:nth-child(4).active,
html body .index-footer a:nth-child(5).active {
  color: #ffff00;
}
html body .index-footer a:nth-child(1).active:before,
html body .index-footer a:nth-child(2).active:before,
html body .index-footer a:nth-child(3).active:before,
html body .index-footer a:nth-child(4).active:before,
html body .index-footer a:nth-child(5).active:before {
  color: #ffff00;
}
html body .chat-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background-color: #fff;
  z-index: 97;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
html body .chat-footer div {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  height: 3.2rem;
}
html body .chat-footer div input {
  float: left;
  width: 21.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.44rem;
  padding-left: 0.8rem;
  color: #222;
  background: #fff;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .chat-footer div span {
  position: relative;
  float: left;
  width: 3.2rem;
  height: 3.2rem;
}
html body .chat-footer div span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e602";
  display: block;
  height: 2.9rem;
  line-height: 2.9rem;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .chat-footer div .active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e631";
  display: block;
  height: 2.9rem;
  line-height: 2.9rem;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .chat-footer div strong {
  float: left;
  width: 4.0rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .chat-footer.active {
  bottom: 12.8rem;
}
html body .hongbao-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.0rem;
}
html body .hongbao-footer p {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .hongbao-footer p span {
  display: inline;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .album-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.0rem;
}
html body .album-footer span {
  position: relative;
  float: right;
  width: 4rem;
  height: 4rem;
}
html body .album-footer span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e605";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .header-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.0rem;
}
html body .header-footer span,
html body .header-footer label {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  width: 8.0rem;
}
html body .header-footer span {
  float: left;
}
html body .header-footer label {
  float: right;
}
html body .header-footer input {
  position: fixed;
  left: -9999px;
}
html body .wrap > article {
  padding-top: 4.0rem;
  padding-bottom: 4.8rem;
}
html body .wrap > article .subject-banner {
  height: 15.0rem;
}
html body .wrap > article .subject-banner .swiper-wrapper {
  height: 15.0rem;
}
html body .wrap > article .subject-banner .swiper-wrapper .swiper-slide {
  height: 15.0rem;
}
html body .wrap > article .subject-banner .swiper-wrapper .swiper-slide a,
html body .wrap > article .subject-banner .swiper-wrapper .swiper-slide span {
  height: 15.0rem;
}
html body .wrap > article .subject-banner .swiper-wrapper .swiper-slide a img,
html body .wrap > article .subject-banner .swiper-wrapper .swiper-slide span img {
  width: 100%;
  height: 15.0rem;
}
html body .wrap > article .subject-banner .swiper-pagination {
  bottom: 0.4rem;
  height: 0.72rem;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -ms-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
html body .wrap > article .subject-banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 0.24rem;
  background: #fff;
  opacity: 0.6;
}
html body .wrap > article .subject-banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
html body .wrap .index {
  padding-bottom: 4rem;
}
html body .wrap .index .activity-type {
  height: 3.32rem;
  padding-left: 3.0rem;
}
html body .wrap .index .activity-type span,
html body .wrap .index .activity-type a {
  float: left;
  width: 10.0rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.2rem;
}
html body .wrap .index .activity-type span {
  margin-right: 4.0rem;
}
html body .wrap .index .activity-box a {
  position: relative;
  height: 20.0rem;
  margin-bottom: 0.4rem;
}
html body .wrap .index .activity-box a dt img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
html body .wrap .index .activity-box a dt div {
  position: absolute;
  bottom: 7rem;
  width: 100%;
  height: 2.4rem;
  text-align: center;
}
html body .wrap .index .activity-box a dt span {
  display: inline;
  width: auto;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2.44rem;
  -moz-border-radius: 2.44rem;
  -ms-border-radius: 2.44rem;
  -o-border-radius: 2.44rem;
  border-radius: 2.44rem;
}
html body .wrap .index .activity-box a dt span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e6bd";
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  padding-right: 0.4rem;
  display: inline;
  position: relative;
  color: red;
}
html body .wrap .index .activity-box a dd.theme {
  position: absolute;
  top: 0;
  left: 0.8rem;
}
html body .wrap .index .activity-box a dd.theme span {
  float: left;
  width: 2rem;
  margin-right: 0.8rem;
  padding-bottom: 1rem;
  line-height: 1.6rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.2rem;
  -webkit-border-radius: 0 0 1rem 1rem;
  -moz-border-radius: 0 0 1rem 1rem;
  -ms-border-radius: 0 0 1rem 1rem;
  -o-border-radius: 0 0 1rem 1rem;
  border-radius: 0 0 1rem 1rem;
}
html body .wrap .index .activity-box a dd.theme .cate {
  background: rgba(192, 62, 111, 0.6);
}
html body .wrap .index .activity-box a dd.theme .ktv {
  background: rgba(41, 119, 117, 0.6);
}
html body .wrap .index .activity-box a dd.theme .bar {
  background: rgba(123, 48, 146, 0.6);
}
html body .wrap .index .activity-box a dd.detail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
  background: rgba(0, 0, 0, 0.6);
}
html body .wrap .index .activity-box a dd.detail b {
  float: left;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  margin: 0.8rem 1.2rem 0.8rem 0.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .index .activity-box a dd.detail b img {
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .index .activity-box a dd.detail b .blur {
  -webkit-filter: blur(1.2rem);
  -moz-filter: blur(1.2rem);
  -ms-filter: blur(1.2rem);
  -o-filter: blur(1.2rem);
  filter: blur(1.2rem);
}
html body .wrap .index .activity-box a dd.detail span {
  float: left;
  width: 18.0rem;
  padding-top: 0.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .index .activity-box a dd.detail strong {
  float: right;
  padding-right: 0.8rem;
  padding-top: 0.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .index .activity-box a dd.detail em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  float: left;
  width: 17.0rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .index .activity-box a dd.detail i {
  float: right;
  padding-right: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .activity-index {
  padding-top: 0;
  padding-bottom: 6.4rem;
}
html body .wrap .activity-index .detail-box {
  position: relative;
}
html body .wrap .activity-index .detail-box .image {
  width: 100%;
  position: relative;
  height: 20.0rem;
}
html body .wrap .activity-index .detail-box .image img {
  width: 100%;
  height: 20rem;
}
html body .wrap .activity-index .detail-box .image div {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
}
html body .wrap .activity-index .detail-box .image div span {
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  border: 1px solid yellow;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-index .detail-box .personal {
  position: relative;
  padding-left: 7.6rem;
  height: 5.6rem;
}
html body .wrap .activity-index .detail-box .personal div {
  overflow: hidden;
  position: absolute;
  left: 0.8rem;
  top: -1rem;
  width: 5.6rem;
  height: 5.6rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-index .detail-box .personal div img {
  width: 5.6rem;
  height: 5.6rem;
}
html body .wrap .activity-index .detail-box .personal div .blur {
  -webkit-filter: blur(1.2rem);
  -moz-filter: blur(1.2rem);
  -ms-filter: blur(1.2rem);
  -o-filter: blur(1.2rem);
  filter: blur(1.2rem);
}
html body .wrap .activity-index .detail-box .personal span {
  float: left;
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .detail-box .personal strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .detail-box .personal .boy {
  color: #00adff;
}
html body .wrap .activity-index .detail-box .personal .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .activity-index .detail-box .personal .girl {
  color: #e13184;
}
html body .wrap .activity-index .detail-box .personal .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .activity-index .detail-box .personal strong {
  float: left;
  clear: both;
}
html body .wrap .activity-index .detail-box .personal em {
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid yellow;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
html body .wrap .activity-index .detail-box .personal .gray {
  color: #ccc;
  border: 1px solid #ccc;
}
html body .wrap .activity-index .detail-box .personal .invite-time {
  position: fixed;
  left: -9999px;
}
html body .wrap .activity-index .detail-box .arrive-code {
  position: absolute;
  right: 1rem;
  top: 25.6rem;
  width: 4.0rem;
  z-index: 99;
}
html body .wrap .activity-index .detail-box .arrive-code img {
  width: 4rem;
  height: 4rem;
}
html body .wrap .activity-index .detail-box .arrive-code b {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
}
html body .wrap .activity-index .detail-box .detail {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.8rem;
}
html body .wrap .activity-index .detail-box ul li {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-left: 2.8rem;
}
html body .wrap .activity-index .detail-box ul li a {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .detail-box ul li a span,
html body .wrap .activity-index .detail-box ul li a strong,
html body .wrap .activity-index .detail-box ul li a em {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  display: inline;
}
html body .wrap .activity-index .detail-box ul li i {
  position: relative;
  display: inline;
}
html body .wrap .activity-index .detail-box ul li i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e6bd";
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  color: red;
}
html body .wrap .activity-index .detail-box ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e604";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  font-family: 'iconfont';
  left: -2.8rem;
}
html body .wrap .activity-index .detail-box ul li:nth-child(3):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .detail-box .map {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 2.8rem;
}
html body .wrap .activity-index .detail-box .map div {
  height: 3.2rem;
  padding-right: 3.2rem;
}
html body .wrap .activity-index .detail-box .map div span {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 17.9rem;
}
html body .wrap .activity-index .detail-box .map div strong {
  float: right;
}
html body .wrap .activity-index .detail-box .map:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e627";
  display: block;
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .activity-index .detail-box .map:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .detail-box.hidden {
  overflow: hidden;
  height: 28.8rem;
}
html body .wrap .activity-index .show-more {
  position: relative;
  height: 2.4rem;
  width: 8.0rem;
  margin: 0 auto;
}
html body .wrap .activity-index .show-more:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63d";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .show-more.active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63c";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .participator header {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-index .participator header:before,
html body .wrap .activity-index .participator header:after {
  content: '\200B';
  display: block;
  position: absolute;
  right: 0.8rem;
  top: 2rem;
  height: 1px;
  width: 10.0rem;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html body .wrap .activity-index .participator header:before {
  left: 0.8rem;
}
html body .wrap .activity-index .participator div h2 {
  padding-left: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .participator div dl {
  height: 5.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .activity-index .participator div dl dt {
  float: left;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
}
html body .wrap .activity-index .participator div dl dt a,
html body .wrap .activity-index .participator div dl dt span {
  overflow: hidden;
  margin-right: 0.4rem;
  padding: 0;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-index .participator div dl dt a img,
html body .wrap .activity-index .participator div dl dt span img {
  width: 4.8rem;
  height: 4.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-index .participator div dl dt a .blur,
html body .wrap .activity-index .participator div dl dt span .blur {
  -webkit-filter: blur(1.2rem);
  -moz-filter: blur(1.2rem);
  -ms-filter: blur(1.2rem);
  -o-filter: blur(1.2rem);
  filter: blur(1.2rem);
}
html body .wrap .activity-index .participator div dl dd span {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 8.6rem;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
html body .wrap .activity-index .participator div dl dd strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .participator div dl dd .boy {
  color: #00adff;
}
html body .wrap .activity-index .participator div dl dd .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .activity-index .participator div dl dd .girl {
  color: #e13184;
}
html body .wrap .activity-index .participator div dl dd .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .activity-index .participator div dl dd strong {
  float: left;
  height: 4.8rem;
  line-height: 4.8rem;
}
html body .wrap .activity-index .participator div dl dd i {
  position: relative;
  float: left;
  width: 4rem;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  padding: 0;
}
html body .wrap .activity-index .participator div dl dd i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e683";
  display: block;
  height: 4.5rem;
  line-height: 4.5rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .participator div dl dd em {
  float: right;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .evaluation {
  margin-bottom: 3.2rem;
}
html body .wrap .activity-index .evaluation header {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-index .evaluation header:before,
html body .wrap .activity-index .evaluation header:after {
  content: '\200B';
  display: block;
  position: absolute;
  right: 0.8rem;
  top: 2rem;
  height: 1px;
  width: 10.0rem;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html body .wrap .activity-index .evaluation header:before {
  left: 0.8rem;
}
html body .wrap .activity-index .evaluation div {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .activity-index .evaluation div span {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ff0000;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ff0000 inset;
  -moz-box-shadow: 0 0 0 1px #ff0000 inset;
  -ms-box-shadow: 0 0 0 1px #ff0000 inset;
  -o-box-shadow: 0 0 0 1px #ff0000 inset;
  box-shadow: 0 0 0 1px #ff0000 inset;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .activity-index .evaluation div .bad {
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .wrap .activity-index .evaluation div .yellow {
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .activity-index .evaluation div .red {
  color: red;
  -webkit-box-shadow: 0 0 0 1px #ff0000 inset;
  -moz-box-shadow: 0 0 0 1px #ff0000 inset;
  -ms-box-shadow: 0 0 0 1px #ff0000 inset;
  -o-box-shadow: 0 0 0 1px #ff0000 inset;
  box-shadow: 0 0 0 1px #ff0000 inset;
}
html body .wrap .activity-index .evaluation div.active {
  overflow: auto;
  height: auto;
}
html body .wrap .activity-index .evaluation strong {
  position: relative;
  height: 2.4rem;
  width: 8.0rem;
  margin: 0 auto;
}
html body .wrap .activity-index .evaluation strong:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63d";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .evaluation strong.active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63c";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-index .submit {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .activity-index .registered {
  padding-left: 0.8rem;
  height: 3.2rem;
}
html body .wrap .activity-index .registered span {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
html body .wrap .activity-index .registered strong {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .activity-index .registered-list div {
  position: relative;
  height: 7.2rem;
}
html body .wrap .activity-index .registered-list div a {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  width: 4.8rem;
  height: 4.8rem;
}
html body .wrap .activity-index .registered-list div img {
  float: left;
  width: 4.8rem;
  height: 4.8rem;
  margin: 1.2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-index .registered-list div span {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
  margin-top: 2.4rem;
}
html body .wrap .activity-index .registered-list div strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-index .registered-list div .boy {
  color: #00adff;
}
html body .wrap .activity-index .registered-list div .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .activity-index .registered-list div .girl {
  color: #e13184;
}
html body .wrap .activity-index .registered-list div .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .activity-index .registered-list div strong {
  float: left;
  margin-top: 2.4rem;
}
html body .wrap .activity-index .registered-list div em {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 4rem;
  margin-top: 2.4rem;
}
html body .wrap .activity-index .registered-list div .success {
  color: #e13184;
}
html body .wrap .activity-index .registered-list div i {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #e13184;
  font-size: 1.2rem;
  margin-top: 2.4rem;
  padding-right: 4.0rem;
}
html body .wrap .activity-index .registered-list div b {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 6.8rem;
  z-index: 1;
}
html body .wrap .activity-index .registered-list div:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e72f";
  display: block;
  height: 6.8rem;
  line-height: 6.8rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .activity-index .registered-list .active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e730";
  display: block;
  height: 6.8rem;
  line-height: 6.8rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .activity-index .no-register {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .activity-index .show {
  display: block;
}
html body .wrap .activity-index .submit-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6.4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
html body .wrap .activity-index .submit-btn span {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  background: #ffc000;
}
html body .wrap .activity-list {
  padding-top: 4.0rem;
}
html body .wrap .activity-list ul li {
  height: 6.4rem;
  padding-left: 0.8rem;
}
html body .wrap .activity-list ul li a {
  position: relative;
  height: 6.4rem;
  padding-right: 0.8rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .activity-list ul li a b {
  float: left;
  overflow: hidden;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
  width: 4.8rem;
  height: 4.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-list ul li a img {
  width: 4.8rem;
  height: 4.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .activity-list ul li a .blur {
  -webkit-filter: blur(1.2rem);
  -moz-filter: blur(1.2rem);
  -ms-filter: blur(1.2rem);
  -o-filter: blur(1.2rem);
  filter: blur(1.2rem);
}
html body .wrap .activity-list ul li a h3 {
  float: left;
  width: 22.8rem;
  padding-top: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-list ul li a p {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  width: 22.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
}
html body .wrap .activity-list ul li a p i {
  position: relative;
  display: inline;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1.2rem;
}
html body .wrap .activity-list ul li a p i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  content: "\e6bd";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .activity-list ul li a p strong,
html body .wrap .activity-list ul li a p em {
  display: inline;
}
html body .wrap .activity-list ul li a span {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 6.4rem;
}
html body .wrap .activity-list ul li a span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-map .position-add {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  background: #172e50;
}
html body .wrap .activity-chat {
  padding-bottom: 4rem;
}
html body .wrap .activity-chat .chat {
  padding-top: 1rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con h3 {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-bottom: 0.8rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div .con {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div .con p {
  position: relative;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.44rem;
  height: auto;
  min-height: 1.6rem;
  max-width: 19rem;
  padding: 1.2rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div .con p img {
  float: none;
  display: inline;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  line-height: 1.6rem;
  vertical-align: bottom;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div .con a {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  background: #1a3455;
}
html body .wrap .activity-chat .chat .msg-box .msg-con div img {
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border-radius: 0.6rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .read {
  float: left;
  width: 4rem;
  margin-top: 1rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .unread {
  float: left;
  width: 4rem;
  margin-top: 1rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .self img {
  float: right;
  margin-left: 0.8rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .self div {
  float: right;
  -webkit-border-radius: 2.4rem 0 2.4rem 2.4rem;
  -moz-border-radius: 2.4rem 0 2.4rem 2.4rem;
  -ms-border-radius: 2.4rem 0 2.4rem 2.4rem;
  -o-border-radius: 2.4rem 0 2.4rem 2.4rem;
  border-radius: 2.4rem 0 2.4rem 2.4rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .self div p {
  background: #ca9c09;
  color: #222;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .other img {
  float: left;
  margin-right: 0.8rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .other div {
  float: left;
  -webkit-border-radius: 0 2.4rem 2.4rem 2.4rem;
  -moz-border-radius: 0 2.4rem 2.4rem 2.4rem;
  -ms-border-radius: 0 2.4rem 2.4rem 2.4rem;
  -o-border-radius: 0 2.4rem 2.4rem 2.4rem;
  border-radius: 0 2.4rem 2.4rem 2.4rem;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .other div p img {
  margin-right: 0.4rem;
  margin-left: 0;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .self.delay p:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  content: "\e603";
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  left: -3rem;
  color: red;
}
html body .wrap .activity-chat .chat .msg-box .msg-con .other.delay p:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e603";
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  right: -3rem;
  color: red;
}
html body .wrap .activity-chat .emojis-window {
  position: fixed;
  bottom: -12.8rem;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 12.8rem;
}
html body .wrap .activity-chat .emojis-window .emojis-con {
  background: #fff;
  padding-left: 0.6rem;
}
html body .wrap .activity-chat .emojis-window .emojis-con img {
  float: left;
  width: 3.2rem;
  height: 3.2rem;
}
html body .wrap .activity-chat .emojis-window .emojis-con span {
  float: left;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  font-size: 2rem;
}
html body .wrap .activity-chat .emojis-window.active {
  bottom: 0;
}
html body .wrap .activity-scan {
  padding-top: 0;
  padding-bottom: 0;
}
html body .wrap .activity-scan h2 {
  height: 5rem;
  line-height: 5rem;
  color: #ffff00;
  font-size: 2rem;
  text-align: center;
}
html body .wrap .activity-scan .update-img {
  overflow: hidden;
  position: relative;
  width: 27.0rem;
  height: 32rem;
  margin: 0 auto;
}
html body .wrap .activity-scan .update-img label,
html body .wrap .activity-scan .update-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 27.0rem;
  height: 32rem;
}
html body .wrap .activity-scan .update-img img {
  height: auto;
}
html body .wrap .activity-scan .update-img input {
  position: absolute;
  left: -9999px;
}
html body .wrap .activity-scan p {
  margin-bottom: 1.6rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-scan .submit-btn {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  background: #ffc000;
}
html body .wrap .activity-evaluation section header {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .activity-evaluation section header:before,
html body .wrap .activity-evaluation section header:after {
  content: '\200B';
  display: block;
  position: absolute;
  right: 0.8rem;
  top: 2rem;
  height: 1px;
  width: 10.0rem;
  background: #fff;
}
html body .wrap .activity-evaluation section header:before {
  left: 0.8rem;
}
html body .wrap .activity-evaluation section div {
  overflow: hidden;
  height: 6.4rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .activity-evaluation section div span {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .activity-evaluation section div.active {
  overflow: auto;
  height: auto;
}
html body .wrap .activity-evaluation section strong {
  position: relative;
  height: 2.4rem;
  width: 8.0rem;
  margin: 0 auto;
}
html body .wrap .activity-evaluation section strong:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63d";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-evaluation section strong.active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e63c";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .activity-evaluation .detail {
  padding-top: 2.0rem;
  text-align: center;
  font-size: 0;
}
html body .wrap .activity-evaluation .detail div {
  display: inline-block;
  width: auto;
  margin: 0 auto;
}
html body .wrap .activity-evaluation .detail div img {
  float: left;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
}
html body .wrap .activity-evaluation .detail div span {
  float: left;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
  padding: 0;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .activity-evaluation .detail div strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .activity-evaluation .detail div .boy {
  color: #00adff;
}
html body .wrap .activity-evaluation .detail div .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .activity-evaluation .detail div .girl {
  color: #e13184;
}
html body .wrap .activity-evaluation .detail div .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .activity-evaluation .detail div strong {
  float: left;
  height: 4.8rem;
  line-height: 4.8rem;
  width: auto;
}
html body .wrap .activity-evaluation .impression div .active {
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  color: #ffff00;
}
html body .wrap .activity-evaluation .complain {
  margin-bottom: 3.2rem;
}
html body .wrap .activity-evaluation .complain div .active {
  -webkit-box-shadow: 0 0 0 1px #ff0000 inset;
  -moz-box-shadow: 0 0 0 1px #ff0000 inset;
  -ms-box-shadow: 0 0 0 1px #ff0000 inset;
  -o-box-shadow: 0 0 0 1px #ff0000 inset;
  box-shadow: 0 0 0 1px #ff0000 inset;
  color: red;
}
html body .wrap .activity-evaluation .submit {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .invite-index .anonymity {
  margin-bottom: 3.2rem;
}
html body .wrap .invite-index .release {
  width: 90%;
  height: 3.52rem;
  line-height: 3.52rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0 2px #ffff00 inset;
  -moz-box-shadow: 0 0 0 2px #ffff00 inset;
  -ms-box-shadow: 0 0 0 2px #ffff00 inset;
  -o-box-shadow: 0 0 0 2px #ffff00 inset;
  box-shadow: 0 0 0 2px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .invite-index .explain {
  clear: both;
  position: relative;
  float: right;
  padding-left: 2.0rem;
  padding-right: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.04rem;
  text-align: right;
}
html body .wrap .invite-index .explain:before {
  content: '\200B';
  display: block;
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  width: 0.2rem;
  height: 0.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: yellow;
}
html body .wrap .invite-index section header {
  padding-left: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.04rem;
}
html body .wrap .invite-index section .con .hide {
  position: fixed;
  left: -9999px;
}
html body .wrap .invite-index section .con .selection {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
}
html body .wrap .invite-index section .con .selection span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .invite-index section .con .selection span i {
  display: inline;
  position: relative;
  padding-left: 2.0rem;
  padding-top: 1.32rem;
  padding-bottom: 1.32rem;
}
html body .wrap .invite-index section .con .selection .active i:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e645";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-index section .con a,
html body .wrap .invite-index section .con strong {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .invite-index section .con a input,
html body .wrap .invite-index section .con strong input {
  position: absolute;
  top: 0;
  left: 0;
  width: 28.0rem;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: right;
}
html body .wrap .invite-index section .con a em,
html body .wrap .invite-index section .con strong em {
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 19.5rem;
  text-align: right;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .invite-index section .con a span,
html body .wrap .invite-index section .con strong span {
  position: relative;
  float: right;
  height: 4.0rem;
  width: 2rem;
}
html body .wrap .invite-index section .con a span:after,
html body .wrap .invite-index section .con strong span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-index section .con .permission em {
  width: 14rem;
}
html body .wrap .invite-index section .con .input {
  height: 4.0rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .invite-index section .con .input span {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .invite-index section .con .input span a {
  display: inline;
  position: relative;
  padding-left: 2.0rem;
  padding-top: 1.32rem;
  padding-bottom: 1.32rem;
}
html body .wrap .invite-index section .con .input span a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e600";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-index section .con .input input {
  float: right;
  width: 16.0rem;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: right;
}
html body .wrap .invite-index section .con .time input {
  left: -9999px;
}
html body .wrap .invite-index section .con p {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.04rem;
  padding-right: 0.8rem;
  text-align: right;
}
html body .wrap .invite-index section .check {
  height: 2.4rem;
  padding-right: 0.8rem;
}
html body .wrap .invite-index section .check span {
  position: relative;
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.04rem;
  padding-left: 2rem;
}
html body .wrap .invite-index section .check span i {
  display: inline;
  color: #ffff00;
}
html body .wrap .invite-index section .check span:before {
  content: '\200B';
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .wrap .invite-index section .check .active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  content: "\e645";
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: center;
  font-family: 'iconfont';
  top: 0.6rem;
  left: 0.6rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .invite-title {
  position: relative;
  padding-bottom: 2rem;
}
html body .wrap .invite-title section {
  padding-top: 2rem;
  width: 8rem;
  margin: 0 auto;
}
html body .wrap .invite-title section span {
  position: relative;
  width: 8rem;
  height: 8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
html body .wrap .invite-title section span em {
  position: absolute;
  right: -2rem;
  bottom: 0;
  width: 2rem;
  height: 2rem;
}
html body .wrap .invite-title section span em:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e645";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
  display: none;
}
html body .wrap .invite-title section strong {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .invite-title section:nth-child(1) span {
  background: #f3f125;
}
html body .wrap .invite-title section:nth-child(1) span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e606";
  display: block;
  height: 8rem;
  line-height: 8rem;
  color: #ffffff;
  font-size: 5.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-title section:nth-child(2) span {
  background: #a75be2;
}
html body .wrap .invite-title section:nth-child(2) span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e61a";
  display: block;
  height: 8rem;
  line-height: 8rem;
  color: #ffffff;
  font-size: 6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-title section:nth-child(3) {
  margin-bottom: 2.0rem;
}
html body .wrap .invite-title section:nth-child(3) span {
  background: #ff00cc;
}
html body .wrap .invite-title section:nth-child(3) span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e699";
  display: block;
  height: 7rem;
  line-height: 7rem;
  color: #ffffff;
  font-size: 5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-title .active span em:after {
  display: block;
}
html body .wrap .invite-title section.active:nth-child(1) span i {
  display: block;
}
html body .wrap .invite-title i {
  display: none;
  position: absolute;
  left: 8rem;
  top: 16.0rem;
  width: 6.0rem;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 0.96rem;
  padding-left: 1.5rem;
}
html body .wrap .invite-title i:before {
  content: '\200B';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
  -moz-box-shadow: 0 0 0 2px #ffffff inset;
  -ms-box-shadow: 0 0 0 2px #ffffff inset;
  -o-box-shadow: 0 0 0 2px #ffffff inset;
  box-shadow: 0 0 0 2px #ffffff inset;
  width: 1rem;
  height: 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: 0.3rem;
}
html body .wrap .invite-title .active:before {
  -webkit-box-shadow: 0 0 0 2px #ffff00 inset;
  -moz-box-shadow: 0 0 0 2px #ffff00 inset;
  -ms-box-shadow: 0 0 0 2px #ffff00 inset;
  -o-box-shadow: 0 0 0 2px #ffff00 inset;
  box-shadow: 0 0 0 2px #ffff00 inset;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  content: "\e645";
  display: block;
  height: 1rem;
  line-height: 1rem;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: center;
  font-family: 'iconfont';
  top: 0.3rem;
}
html body .wrap .invite-title .invite-btn {
  width: 12.0rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0 2px #ffff00 inset;
  -moz-box-shadow: 0 0 0 2px #ffff00 inset;
  -ms-box-shadow: 0 0 0 2px #ffff00 inset;
  -o-box-shadow: 0 0 0 2px #ffff00 inset;
  box-shadow: 0 0 0 2px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .invite-permission {
  padding-top: 4.8rem;
}
html body .wrap .invite-permission section {
  margin-bottom: 3.2rem;
  border-top: 1px solid #fff;
}
html body .wrap .invite-permission section div,
html body .wrap .invite-permission section a {
  height: 6.0rem;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-left: 3.2rem;
}
html body .wrap .invite-permission section div h3,
html body .wrap .invite-permission section a h3 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.44rem;
}
html body .wrap .invite-permission section div p,
html body .wrap .invite-permission section a p {
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .invite-permission section div:nth-child(1) h3 {
  height: 6rem;
  line-height: 6rem;
}
html body .wrap .invite-permission section a span {
  position: absolute;
  top: 0;
  right: 0;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.44rem;
  text-align: center;
  width: 10rem;
}
html body .wrap .invite-permission section a span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 3.6rem;
  line-height: 3.6rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-permission section div.active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  content: "\e645";
  display: block;
  height: 6rem;
  line-height: 6rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-permission section div:nth-child(2):after,
html body .wrap .invite-permission section div:nth-child(3):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 6rem;
  line-height: 6rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .invite-permission .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0;
}
html body .wrap .invite-help section {
  padding-top: 0.8rem;
  padding-left: 1.6rem;
  padding-right: 1.2rem;
}
html body .wrap .invite-help section h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.44rem;
}
html body .wrap .invite-help section p,
html body .wrap .invite-help section a {
  height: 1.8rem;
  line-height: 1.8rem;
  color: #ffffff;
  font-size: 1.04rem;
  height: auto;
}
html body .wrap .invite-help section .center {
  text-align: center;
}
html body .wrap .invite-help section .text-indent {
  text-indent: 3rem;
}
html body .wrap .invite-help section .text-indent2 {
  text-indent: 3rem;
  padding-left: 3rem;
}
html body .wrap .invite-help section table tbody {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
html body .wrap .invite-help section table tbody tr td {
  height: 2.4rem;
  padding: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .invite-help section table tbody tr td h4 span {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
}
html body .wrap .invite-help section table tbody tr td span strong {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
}
html body .wrap .invite-cash section header {
  padding-left: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.04rem;
}
html body .wrap .invite-cash section .con strong {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .invite-cash section .con strong em {
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 20.0rem;
  text-align: right;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .invite-cash section .con div {
  position: relative;
  padding-left: 4.0rem;
  height: 4.0rem;
}
html body .wrap .invite-cash section .con div span {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .invite-cash section .con div strong {
  clear: left;
  float: left;
  padding: 0;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  font-size: 0.96rem;
}
html body .wrap .invite-cash section .con div em {
  position: relative;
  float: right;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-right: 4.0rem;
}
html body .wrap .invite-cash section .con div em:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e72f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-cash section .con .active em:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e730";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-cash .need {
  height: 2.4rem;
}
html body .wrap .invite-cash .need span {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .invite-cash .need span strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .invite-cash .pay .con div:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e6a1";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .invite-cash .pay-method {
  margin-bottom: 0.8rem;
}
html body .wrap .invite-cash .pay-method .con div span {
  height: 4rem;
  line-height: 4rem;
}
html body .wrap .invite-cash .pay-method .con div:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  content: "\200B";
  display: block;
  height: 3rem;
  line-height: 3rem;
  color: #ffffff;
  font-size: 2.8rem;
  text-align: center;
  font-family: 'iconfont';
  top: 0.5rem;
  left: 0.5rem;
  background: #ffffff url(../images/pay_wx.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .invite-cash .pay-method .con div:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e625";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #00abf0;
}
html body .wrap .invite-cash .real {
  margin-bottom: 3.2rem;
}
html body .wrap .invite-cash .btn {
  width: 90%;
  margin: 0 auto;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .playmate-index {
  padding-top: 4.8rem;
  padding-bottom: 4rem;
}
html body .wrap .playmate-index .playmate-box dl {
  float: left;
  margin-left: 0.8rem;
  width: 13.8rem;
  height: 19.4rem;
  margin-bottom: 0.8rem;
}
html body .wrap .playmate-index .playmate-box dl dd.detail {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  height: 2.4rem;
}
html body .wrap .playmate-index .playmate-box dl dd.detail span {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 9rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .playmate-index .playmate-box dl dd.detail strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .playmate-index .playmate-box dl dd.detail .boy {
  color: #00adff;
}
html body .wrap .playmate-index .playmate-box dl dd.detail .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .playmate-index .playmate-box dl dd.detail .girl {
  color: #e13184;
}
html body .wrap .playmate-index .playmate-box dl dd.detail .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .playmate-index .playmate-box dl dt {
  position: relative;
  height: 13.8rem;
}
html body .wrap .playmate-index .playmate-box dl dt a {
  width: 100%;
  height: 100%;
}
html body .wrap .playmate-index .playmate-box dl dt a img {
  width: 100%;
  height: 100%;
}
html body .wrap .playmate-index .playmate-box dl dt a span {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
  width: 4.0rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .playmate-index .playmate-box dl dt a .not-verify {
  color: #000;
}
html body .wrap .playmate-index .playmate-box dl dd.position {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  height: 3.2rem;
}
html body .wrap .playmate-index .playmate-box dl dd.position span,
html body .wrap .playmate-index .playmate-box dl dd.position strong {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 0.96rem;
}
html body .wrap .playmate-index .playmate-box dl dd.position span {
  margin-right: 0.4rem;
}
html body .wrap .playmate-index .playmate-box dl dd.position div {
  float: right;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
html body .wrap .playmate-index .playmate-box dl dd.position div em {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  height: 2rem;
  line-height: 2rem;
  color: #ffff00;
  font-size: 0.96rem;
  text-align: center;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .playmate-index .playmate-box dl dd.position .focused em {
  color: #ffffff;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .wrap .news-index {
  padding-top: 4.8rem;
}
html body .wrap .news-index .news-con dl {
  height: 6.4rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  position: relative;
}
html body .wrap .news-index .news-con dl dt {
  float: left;
  width: 6.4rem;
  height: 6.4rem;
  padding: 0.8rem;
}
html body .wrap .news-index .news-con dl dt img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
html body .wrap .news-index .news-con dl dt b {
  display: none;
  position: absolute;
  left: 4.8rem;
  top: 0.4rem;
  width: 1.44rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 1.44rem;
  line-height: 1.44rem;
  color: #ffffff;
  font-size: 0.88rem;
  text-align: center;
  background: #d93289;
}
html body .wrap .news-index .news-con dl dt b.active {
  display: block;
}
html body .wrap .news-index .news-con dl dt span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .news-index .news-con dl dt i {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .news-index .news-con dl dd {
  float: left;
  width: 22.8rem;
  height: 6.4rem;
}
html body .wrap .news-index .news-con dl dd h3 {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 8.6rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  padding-top: 0.4rem;
}
html body .wrap .news-index .news-con dl dd span {
  float: right;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #cccccc;
  font-size: 1.2rem;
  padding-top: 0.4rem;
}
html body .wrap .news-index .news-con dl dd strong {
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #cccccc;
  font-size: 1.2rem;
}
html body .wrap .news-index .news-con dl:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .news-index .news-con .edit {
  padding-left: 2rem;
}
html body .wrap .news-index .news-con .edit dt i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .news-index .news-con .edit dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e72f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .news-index .news-con .edit dd {
  width: 20.8rem;
}
html body .wrap .news-index .news-con .active dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-index {
  padding-top: 4.8rem;
}
html body .wrap .user-index section {
  margin-bottom: 0.8rem;
  padding-left: 0.8rem;
}
html body .wrap .user-index section a,
html body .wrap .user-index section span {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-index section a:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-index .detail a {
  position: relative;
  height: 8.0rem;
}
html body .wrap .user-index .detail a dl dt {
  float: left;
  margin-right: 0.8rem;
  margin-top: 0.8rem;
  width: 6.4rem;
  height: 6.4rem;
}
html body .wrap .user-index .detail a dl dt img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-index .detail a dl dd {
  float: left;
  width: 19rem;
}
html body .wrap .user-index .detail a dl dd h3 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-index .detail a dl dd strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-index .detail a dl dd .boy {
  color: #00adff;
}
html body .wrap .user-index .detail a dl dd .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-index .detail a dl dd .girl {
  color: #e13184;
}
html body .wrap .user-index .detail a dl dd .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-index .detail a dl dd strong {
  float: left;
  margin-right: 0.8rem;
}
html body .wrap .user-index .detail a dl dd span {
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.04rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  -o-border-radius: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-index .detail a dl dd .verify {
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .user-index .detail a dl dd p {
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
}
html body .wrap .user-index .detail a:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 8rem;
  line-height: 8rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-index .more {
  margin-bottom: 0;
  padding: 0;
}
html body .wrap .user-index .more a {
  padding-left: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-index .more span {
  padding-left: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-index .more span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con {
  padding-top: 0.8rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl {
  position: relative;
  height: 12.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt {
  float: left;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt img {
  width: 6.4rem;
  height: 6.4rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt .boy {
  color: #00adff;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt .girl {
  color: #e13184;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt strong {
  float: none;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt a,
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dt em {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd {
  position: relative;
  float: left;
  width: 22rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  width: 12.0rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd span {
  float: right;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.04rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd b {
  position: absolute;
  right: 0;
  top: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.2rem;
  color: #ffff00;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd ul {
  clear: both;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd ul li {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 3.2rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd ul li:before {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e604";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd ul li:nth-child(3) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  width: 13rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con dl dd strong {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con .edit {
  padding-left: 2rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con .edit dt i {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con .edit dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e614";
  display: block;
  height: 12.8rem;
  line-height: 12.8rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con .edit dd {
  width: 20rem;
}
html body .wrap .user-activity .swiper-slide .activity-box .activity-con .active dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 12.8rem;
  line-height: 12.8rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-detail {
  padding-top: 0;
}
html body .wrap .user-detail .pic {
  overflow: hidden;
  position: relative;
  height: 18.75rem;
}
html body .wrap .user-detail .pic img {
  position: absolute;
  top: 3.6rem;
  left: 11.8rem;
  width: 6.4rem;
  height: 6.4rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
html body .wrap .user-detail .pic div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
}
html body .wrap .user-detail .pic div span {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
  padding-left: 0.8rem;
}
html body .wrap .user-detail .pic div strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-detail .pic div .boy {
  color: #00adff;
}
html body .wrap .user-detail .pic div .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-detail .pic div .girl {
  color: #e13184;
}
html body .wrap .user-detail .pic div .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-detail .pic div strong {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  margin-right: 0.8rem;
}
html body .wrap .user-detail .pic div em {
  float: left;
  height: 2rem;
  line-height: 2rem;
  color: #ffff00;
  font-size: 0.96rem;
  text-align: center;
  width: 4.0rem;
  margin-top: 0.6rem;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-detail .pic div .play,
html body .wrap .user-detail .pic div .playing {
  position: relative;
  float: right;
  width: 3.2rem;
  height: 3.2rem;
}
html body .wrap .user-detail .pic div .play:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e60c";
  display: block;
  height: 2.6rem;
  line-height: 2.6rem;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .pic div .playing:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.32rem;
  content: "\e6e4";
  display: block;
  height: 2.3rem;
  line-height: 2.3rem;
  color: #ffffff;
  font-size: 2.66rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .pic div .self-play,
html body .wrap .user-detail .pic div .self-playing {
  position: relative;
  float: right;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0.4rem;
  margin-right: 0.8rem;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border-radius: 0.6rem;
}
html body .wrap .user-detail .pic div .self-play:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  content: "\e60c";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .pic div .self-playing:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.46rem;
  content: "\e6e4";
  display: block;
  height: 1.94rem;
  line-height: 1.94rem;
  color: #ffffff;
  font-size: 1.72rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .pic div .record,
html body .wrap .user-detail .pic div .recording {
  position: relative;
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  margin-top: 0.4rem;
  margin-right: 0.8rem;
  padding-right: 0.8rem;
  padding-left: 2.4rem;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border-radius: 0.6rem;
}
html body .wrap .user-detail .pic div .recording {
  color: #ffffff;
}
html body .wrap .user-detail .pic div .record:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  content: "\e60b";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .pic div .recording:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  content: "\e60b";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffffff;
}
html body .wrap .user-detail .pic div div {
  position: relative;
  float: right;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  width: auto;
  height: 2rem;
}
html body .wrap .user-detail .pic div div i {
  width: 4.0rem;
  height: 2rem;
  line-height: 2rem;
  color: #ffff00;
  font-size: 1.04rem;
  text-align: center;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .user-detail .pic div .focused i {
  color: #ffffff;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
html body .wrap .user-detail .detail .nav {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  position: relative;
  bottom: 0;
  height: 3.2rem;
  margin: 0;
}
html body .wrap .user-detail .detail .nav strong,
html body .wrap .user-detail .detail .nav .swiper-pagination-bullet {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  width: auto;
  display: block;
  height: 3.2rem;
  margin: 0;
  background: transparent;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
html body .wrap .user-detail .detail .nav .swiper-pagination-bullet-active {
  color: #ffff00;
  border-bottom: #ffff00 solid 1px;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide {
  padding-bottom: 4.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul {
  padding-top: 0.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 3.2rem;
  padding-right: 0.8rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li span {
  float: right;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
  opacity: 0;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e604";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) {
  padding-top: 0;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) li:nth-child(5) {
  height: auto;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) li:nth-child(5) div {
  padding-bottom: 0.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) li:nth-child(5) div strong {
  float: left;
  height: 2rem;
  line-height: 2rem;
  color: #ffff00;
  font-size: 1.04rem;
  text-align: center;
  margin-right: 0.8rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  -o-border-radius: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) img {
  float: left;
  margin-left: 0.6rem;
  margin-top: 0.6rem;
  width: 9.2rem;
  height: 9.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) .update-img {
  position: relative;
  float: left;
  overflow: hidden;
  width: 9.2rem;
  height: 9.2rem;
  margin: 0;
  margin-left: 0.6rem;
  margin-top: 0.6rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) .update-img label,
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) .update-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.2rem;
  height: 9.2rem;
  margin: 0;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) .update-img img {
  height: auto;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) .update-img input {
  position: absolute;
  left: -9999px;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a {
  float: left;
  margin-left: 0.6rem;
  margin-top: 0.6rem;
  width: 9.2rem;
  height: 9.2rem;
  text-align: center;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a span {
  overflow: hidden;
  width: 9.2rem;
  height: 9.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a span img {
  float: none;
  margin: 0;
  width: 100%;
  height: auto;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a span .horizontal {
  width: auto;
  height: 9.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a span .vertical {
  width: 9.2rem;
  height: auto;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a span .square {
  width: 9.2rem;
  height: 9.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(2) a img {
  float: none;
  margin: 0;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.44rem;
  text-align: center;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) h2 i {
  display: inline;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.44rem;
  text-align: center;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ul li span,
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ol li span {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 1.6rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ul li strong,
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ol li strong {
  position: relative;
  width: 89%;
  height: 1rem;
  margin-left: 1.6rem;
  padding-left: 1.6rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ul li strong em,
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ol li strong em {
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  background: #0af;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ol li strong em {
  background: pink;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) h2 {
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.04rem;
  padding-left: 0.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a {
  margin-bottom: 0.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dt {
  float: left;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dt img {
  width: 8rem;
  height: 8rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dt span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd {
  float: left;
  width: 20.4rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  width: 12.0rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd span {
  float: right;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.04rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd ul {
  clear: both;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd ul li {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 3.2rem;
}
html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd ul li:before {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  content: "\e604";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-detail .register {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.0rem;
  z-index: 99;
}
html body .wrap .user-detail .register span {
  float: left;
  width: 8.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  margin-left: 4.4rem;
  margin-top: 0.8rem;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-detail .register strong {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-detail .show {
  display: block;
}
html body .wrap .user-name section {
  padding-top: 0.8rem;
}
html body .wrap .user-name section div {
  position: relative;
  height: 4.0rem;
}
html body .wrap .user-name section div input {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 25.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-name section div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-name section div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-intro section {
  padding-top: 0.8rem;
}
html body .wrap .user-intro section div {
  position: relative;
  height: 9.6rem;
  width: 28.4rem;
  margin: 0 auto;
  background: #152c4c;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-intro section div textarea {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 27.6rem;
  height: 9.6rem;
  padding-left: 0.8rem;
  resize: none;
}
html body .wrap .user-body {
  padding-bottom: 0;
  padding-left: 0.8rem;
}
html body .wrap .user-body section {
  position: relative;
  padding-left: 0.8rem;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-body .active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e645";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-label {
  padding-top: 4.8rem;
}
html body .wrap .user-label section {
  padding-left: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-label section h2 {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-right: 0.8rem;
}
html body .wrap .user-label section h2 span {
  float: right;
}
html body .wrap .user-label section ul {
  height: 3.2rem;
}
html body .wrap .user-label section ul li {
  position: relative;
  float: left;
  border: 1px solid #fff;
  margin-bottom: 0.8rem;
  margin-right: 0.8rem;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  -o-border-radius: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-label section ul li span {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-label section ul li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
  padding-right: 0.8rem;
}
html body .wrap .user-label section ul li i:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "\e614";
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .user-label section div {
  position: relative;
  float: left;
  width: 24.4rem;
  height: 3.2rem;
  background: #fff;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-label section div input {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 23.6rem;
  padding-left: 0.8rem;
  color: #222;
}
html body .wrap .user-label section div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
}
html body .wrap .user-label section div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.88rem;
  content: "\e62c";
  display: block;
  height: 2.88rem;
  line-height: 2.88rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #222;
}
html body .wrap .user-label section strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.4rem;
  width: 3.2rem;
}
html body .wrap .user-label .selected ul li {
  position: relative;
  color: #ffff00;
  border: 1px solid yellow;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-label .input {
  height: 4.0rem;
}
html body .wrap .user-album {
  padding-top: 0;
  padding-bottom: 0;
}
html body .wrap .user-album .swiper-container {
  z-index: 100;
  padding-top: 4.0rem;
}
html body .wrap .user-album .swiper-container .swiper-pagination {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  z-index: 100;
}
html body .wrap .user-wallet {
  padding-top: 4.8rem;
}
html body .wrap .user-wallet .balance {
  margin-bottom: 0.8rem;
}
html body .wrap .user-wallet .balance h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 1.6rem;
}
html body .wrap .user-wallet .balance span {
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffff00;
  font-size: 3rem;
  text-align: center;
}
html body .wrap .user-wallet .trade {
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-wallet .trade a,
html body .wrap .user-wallet .trade span {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 1.6rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-wallet .trade span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-wallet .trade a:nth-child(4) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-wallet .trade a:after,
html body .wrap .user-wallet .trade span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-wallet p {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.12rem;
  padding-left: 1.6rem;
}
html body .wrap .user-password {
  padding-top: 4.8rem;
}
html body .wrap .user-password .password {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-password .password div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-password .password div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-password .password div input,
html body .wrap .user-password .password div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-password .password div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-password .password div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-password .password div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-password .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-verifypw h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-verifypw .verify {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-verifypw .verify div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-verifypw .verify div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-verifypw .verify div input,
html body .wrap .user-verifypw .verify div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-verifypw .verify div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-verifypw .verify div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-verifypw .verify div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-verifypw .verify div {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #fff;
}
html body .wrap .user-verifypw .verify div:nth-child(1) {
  border: none;
}
html body .wrap .user-verifypw p {
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  color: #ccc;
  height: auto;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin-bottom: 3.2rem;
}
html body .wrap .user-verifypw .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-withdraw {
  padding-top: 4.8rem;
}
html body .wrap .user-withdraw .account,
html body .wrap .user-withdraw .money,
html body .wrap .user-withdraw .password {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-withdraw .account div,
html body .wrap .user-withdraw .money div,
html body .wrap .user-withdraw .password div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-withdraw .account div strong,
html body .wrap .user-withdraw .money div strong,
html body .wrap .user-withdraw .password div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-withdraw .account div input,
html body .wrap .user-withdraw .money div input,
html body .wrap .user-withdraw .password div input,
html body .wrap .user-withdraw .account div em,
html body .wrap .user-withdraw .money div em,
html body .wrap .user-withdraw .password div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-withdraw .account div span,
html body .wrap .user-withdraw .money div span,
html body .wrap .user-withdraw .password div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-withdraw .account div span:before,
html body .wrap .user-withdraw .money div span:before,
html body .wrap .user-withdraw .password div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-withdraw .account div:nth-child(1),
html body .wrap .user-withdraw .money div:nth-child(1),
html body .wrap .user-withdraw .password div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-withdraw p {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #cccccc;
  font-size: 1.2rem;
  text-align: right;
  padding-right: 0.8rem;
}
html body .wrap .user-withdraw p i {
  display: inline;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .user-withdraw p:nth-child(3) {
  margin-bottom: 2.4rem;
}
html body .wrap .user-withdraw .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 1.6rem;
}
html body .wrap .user-withdraw .hint {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  height: auto;
}
html body .wrap .user-pwmodify h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-pwmodify .password {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-pwmodify .password div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-pwmodify .password div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-pwmodify .password div input,
html body .wrap .user-pwmodify .password div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-pwmodify .password div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-pwmodify .password div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-pwmodify .password div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-pwmodify .password div {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #fff;
}
html body .wrap .user-pwmodify .password div:nth-child(1) {
  border: none;
}
html body .wrap .user-pwmodify a {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  color: #ccc;
  height: auto;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin-bottom: 3.2rem;
  text-align: right;
}
html body .wrap .user-pwmodify .btn {
  clear: both;
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-forgetpw h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-forgetpw .forget {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html body .wrap .user-forgetpw .forget div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-forgetpw .forget div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-forgetpw .forget div input,
html body .wrap .user-forgetpw .forget div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-forgetpw .forget div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-forgetpw .forget div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-forgetpw .forget div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-forgetpw .forget div {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #fff;
}
html body .wrap .user-forgetpw .forget div:nth-child(1) {
  border: none;
}
html body .wrap .user-forgetpw p {
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  color: #ccc;
  height: auto;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin-bottom: 3.2rem;
}
html body .wrap .user-forgetpw .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-record .record-con div {
  width: 28.4rem;
  height: 6.4rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  position: relative;
  margin-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-record .record-con div h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  float: left;
  width: 19.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  padding-top: 0.4rem;
  font-size: 1.44rem;
  color: #ffff00;
}
html body .wrap .user-record .record-con div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  clear: left;
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-record .record-con div strong {
  float: right;
  width: 8.8rem;
  text-align: right;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.6rem;
}
html body .wrap .user-record .record-con div a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-record .record-con div i {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-record .record-con div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-record .record-con .edit {
  width: 25.6rem;
  padding-left: 2.8rem;
}
html body .wrap .user-record .record-con .edit h3,
html body .wrap .user-record .record-con .edit span {
  width: 16.4rem;
}
html body .wrap .user-record .record-con .edit i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .user-record .record-con .edit i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e72f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-record .record-con .active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-hongbao {
  padding-top: 4.8rem;
}
html body .wrap .user-hongbao .hongbao-con dl {
  height: 12.0rem;
  -webkit-box-shadow: 0 0.8rem 0 0 #fe575f inset;
  -moz-box-shadow: 0 0.8rem 0 0 #fe575f inset;
  -ms-box-shadow: 0 0.8rem 0 0 #fe575f inset;
  -o-box-shadow: 0 0.8rem 0 0 #fe575f inset;
  box-shadow: 0 0.8rem 0 0 #fe575f inset;
  padding-top: 0.8rem;
  width: 28.4rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
  position: relative;
}
html body .wrap .user-hongbao .hongbao-con dl dt {
  float: left;
  width: 8.0rem;
}
html body .wrap .user-hongbao .hongbao-con dl dt h3 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.44rem;
  text-align: center;
}
html body .wrap .user-hongbao .hongbao-con dl dt .hongbao {
  color: #fe575f;
}
html body .wrap .user-hongbao .hongbao-con dl dt .share {
  color: #e33092;
}
html body .wrap .user-hongbao .hongbao-con dl dt span {
  height: 4rem;
  line-height: 4rem;
  color: #fe575f;
  font-size: 2.4rem;
  text-align: center;
}
html body .wrap .user-hongbao .hongbao-con dl dt strong {
  display: none;
  position: absolute;
  left: 16.0rem;
  top: 6.0rem;
  width: 8rem;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fe575f;
  -webkit-box-shadow: 0 0 0 2px #fe575f inset;
  -moz-box-shadow: 0 0 0 2px #fe575f inset;
  -ms-box-shadow: 0 0 0 2px #fe575f inset;
  -o-box-shadow: 0 0 0 2px #fe575f inset;
  box-shadow: 0 0 0 2px #fe575f inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-hongbao .hongbao-con dl dt i {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-hongbao .hongbao-con dl dd {
  float: left;
  width: 19.2rem;
  height: 8.0rem;
  padding-left: 0.8rem;
}
html body .wrap .user-hongbao .hongbao-con dl dd h3 {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: right;
  padding-top: 3.2rem;
}
html body .wrap .user-hongbao .hongbao-con dl dd h3.share {
  text-align: center;
}
html body .wrap .user-hongbao .hongbao-con dl dd h3:after {
  content: '\200B';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 10rem;
  background: #fff;
}
html body .wrap .user-hongbao .hongbao-con dl dd h3.share:after {
  display: none;
}
html body .wrap .user-hongbao .hongbao-con dl dd span {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  text-align: right;
  border-bottom: 1px dashed #fff;
}
html body .wrap .user-hongbao .hongbao-con dl dd span.share {
  display: none;
}
html body .wrap .user-hongbao .hongbao-con dl dd strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  text-align: right;
}
html body .wrap .user-hongbao .hongbao-con dl dd:nth-child(3) {
  float: none;
  clear: both;
  width: auto;
  height: 2.4rem;
}
html body .wrap .user-hongbao .hongbao-con .exchanged dt strong {
  display: block;
}
html body .wrap .user-hongbao .hongbao-con .cancel dt strong {
  display: block;
}
html body .wrap .user-hongbao .hongbao-con .edit {
  padding-left: 2rem;
}
html body .wrap .user-hongbao .hongbao-con .edit dt i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .user-hongbao .hongbao-con .edit dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e72f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-hongbao .hongbao-con .edit dd {
  width: 20.8rem;
}
html body .wrap .user-hongbao .hongbao-con .active dt i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-identify {
  padding-top: 4.8rem;
  padding-bottom: 0;
}
html body .wrap .user-identify .explain {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  margin: 0;
}
html body .wrap .user-identify section {
  margin-bottom: 1.6rem;
}
html body .wrap .user-identify section h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  padding-left: 0.8rem;
  text-align: center;
}
html body .wrap .user-identify section p {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.12rem;
  text-align: center;
  padding-bottom: 0.4rem;
}
html body .wrap .user-identify section .update-img {
  position: relative;
  overflow: hidden;
  width: 13.76rem;
  height: 18.56rem;
  margin: 0 auto;
}
html body .wrap .user-identify section .update-img label,
html body .wrap .user-identify section .update-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.76rem;
  height: 18.56rem;
}
html body .wrap .user-identify section .update-img img {
  height: auto;
}
html body .wrap .user-identify section .update-img input {
  position: absolute;
  left: -9999px;
}
html body .wrap .user-identify section .update-img span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
}
html body .wrap .user-report .reason h2 {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  padding-left: 0.8rem;
}
html body .wrap .user-report .selection div {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-report .selection .active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e645";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-report .selection .other {
  height: 9.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-report .selection .other textarea {
  width: 100%;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 9.6rem;
}
html body .wrap .user-report .other {
  position: relative;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-report .other textarea {
  width: 100%;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 9.6rem;
}
html body .wrap .user-report .other.active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e645";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-report .upload-box {
  margin-bottom: 2.4rem;
}
html body .wrap .user-report .upload-box h2 {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  padding-left: 0.8rem;
}
html body .wrap .user-report .upload-box .update-box {
  padding-top: 0.8rem;
  padding-left: 0.8rem;
}
html body .wrap .user-report .upload-box .update-box .update-img {
  position: relative;
  overflow: hidden;
  float: left;
  width: 8rem;
  height: 8rem;
  margin: 0;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-report .upload-box .update-box .update-img label,
html body .wrap .user-report .upload-box .update-box .update-img img,
html body .wrap .user-report .upload-box .update-box .update-img span {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 8rem;
}
html body .wrap .user-report .upload-box .update-box .update-img img {
  height: auto;
}
html body .wrap .user-report .upload-box .update-box .update-img span {
  display: none;
}
html body .wrap .user-report .upload-box .update-box .update-img span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e614";
  display: block;
  height: 8rem;
  line-height: 8rem;
  color: #ffffff;
  font-size: 2.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .user-report .upload-box .update-box .update-img input {
  position: absolute;
  left: -9999px;
}
html body .wrap .user-report .btn {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.2rem;
  width: 80%;
  color: #ffff00;
  text-align: center;
  border: 1px solid yellow;
  margin: 0 auto;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  -o-border-radius: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-setting section a,
html body .wrap .user-setting section div {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-left: 0.8rem;
  padding-right: 0.8rem;
  border-top: 1px solid #fff;
}
html body .wrap .user-setting section a span,
html body .wrap .user-setting section div span {
  float: right;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-right: 4.0rem;
}
html body .wrap .user-setting section a strong,
html body .wrap .user-setting section div strong {
  float: right;
  position: relative;
  margin-top: 0.8rem;
  width: 4.8rem;
  height: 2.4rem;
  background: #999;
  -webkit-box-shadow: 0 0 0 1px #d4d4d4 inset;
  -moz-box-shadow: 0 0 0 1px #d4d4d4 inset;
  -ms-box-shadow: 0 0 0 1px #d4d4d4 inset;
  -o-box-shadow: 0 0 0 1px #d4d4d4 inset;
  box-shadow: 0 0 0 1px #d4d4d4 inset;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  border-radius: 1.2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
html body .wrap .user-setting section a strong em,
html body .wrap .user-setting section div strong em {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #c7c7c7 inset;
  -moz-box-shadow: 0 0 0 1px #c7c7c7 inset;
  -ms-box-shadow: 0 0 0 1px #c7c7c7 inset;
  -o-box-shadow: 0 0 0 1px #c7c7c7 inset;
  box-shadow: 0 0 0 1px #c7c7c7 inset;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  border-radius: 1.2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
html body .wrap .user-setting section a strong.active,
html body .wrap .user-setting section div strong.active {
  background: yellow;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
html body .wrap .user-setting section a strong.active em,
html body .wrap .user-setting section div strong.active em {
  left: 2.4rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
html body .wrap .user-setting section a:nth-child(1),
html body .wrap .user-setting section div:nth-child(1) {
  border: none;
}
html body .wrap .user-setting section a:after,
html body .wrap .user-setting section div:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-setting .contact div:after,
html body .wrap .user-setting .message div:after {
  display: none;
}
html body .wrap .user-setting .contact div:nth-child(2):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-setting p {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-setting .other {
  margin-bottom: 3.2rem;
}
html body .wrap .user-setting .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-blacklist .blacklist-con a {
  height: 4.8rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  position: relative;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
html body .wrap .user-blacklist .blacklist-con a img {
  float: left;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
}
html body .wrap .user-blacklist .blacklist-con a span {
  float: left;
  margin-right: 0.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-blacklist .blacklist-con a strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-blacklist .blacklist-con a .boy {
  color: #00adff;
}
html body .wrap .user-blacklist .blacklist-con a .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-blacklist .blacklist-con a .girl {
  color: #e13184;
}
html body .wrap .user-blacklist .blacklist-con a .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-blacklist .blacklist-con a strong {
  float: left;
  height: 4.8rem;
  line-height: 4.8rem;
}
html body .wrap .user-blacklist .blacklist-con a i {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-blacklist .blacklist-con div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-blacklist .blacklist-con .edit {
  padding-left: 2.8rem;
}
html body .wrap .user-blacklist .blacklist-con .edit i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .user-blacklist .blacklist-con .edit i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e72f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-blacklist .blacklist-con .active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-choose-contact section {
  border-bottom: 1px solid #fff;
  padding-left: 0.8rem;
}
html body .wrap .user-choose-contact section a {
  position: relative;
  height: 5rem;
  line-height: 5rem;
  color: #ffffff;
  font-size: 1.44rem;
  padding-left: 5rem;
}
html body .wrap .user-choose-contact section a:nth-child(1),
html body .wrap .user-choose-contact section a:nth-child(2) {
  border-bottom: 1px solid #fff;
}
html body .wrap .user-choose-contact section a:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  content: "\e648";
  display: block;
  height: 4.3rem;
  line-height: 4.3rem;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  font-family: 'iconfont';
  color: pink;
  left: 0.25rem;
  top: 0.25rem;
}
html body .wrap .user-choose-contact section a:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  content: "\e6df";
  display: block;
  height: 4.3rem;
  line-height: 4.3rem;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  font-family: 'iconfont';
  color: skyblue;
  left: 0.25rem;
  top: 0.25rem;
}
html body .wrap .user-choose-contact section a:nth-child(3):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  content: "\e65d";
  display: block;
  height: 4.4rem;
  line-height: 4.4rem;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
  left: 0.25rem;
  top: 0.25rem;
}
html body .wrap .user-choose-contact section a:nth-child(1):after,
html body .wrap .user-choose-contact section a:nth-child(2):after,
html body .wrap .user-choose-contact section a:nth-child(3):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e65f";
  display: block;
  height: 5rem;
  line-height: 5rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-choose-contact section header {
  height: 3.2rem;
}
html body .wrap .user-choose-contact section header span {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-choose-contact section header strong {
  position: relative;
  float: right;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-right: 0.8rem;
  padding-left: 2rem;
}
html body .wrap .user-choose-contact section header strong:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e72f";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-choose-contact section header .active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e730";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-choose-contact section ul li {
  position: relative;
  padding-left: 0.8rem;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
}
html body .wrap .user-choose-contact section ul li img {
  float: left;
  width: 3rem;
  height: 3rem;
  margin-top: 0.5rem;
  margin-right: 1.2rem;
}
html body .wrap .user-choose-contact section ul li span {
  float: left;
  margin-right: 0.8rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-choose-contact section ul li strong {
  position: relative;
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 2rem;
}
html body .wrap .user-choose-contact section ul li:nth-child(1) {
  border: none;
}
html body .wrap .user-choose-contact section ul .boy strong {
  color: skyblue;
}
html body .wrap .user-choose-contact section ul .boy strong:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e682";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: skyblue;
}
html body .wrap .user-choose-contact section ul .girl strong {
  color: pink;
}
html body .wrap .user-choose-contact section ul .girl strong:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e694";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: pink;
}
html body .wrap .user-choose-contact section ul .active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e645";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-fans .fans-con dl {
  height: 6.4rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.4rem;
}
html body .wrap .user-fans .fans-con dl dt {
  float: left;
  position: relative;
  width: 4rem;
  height: 4rem;
  margin-right: 0.4rem;
  margin-top: 1.2rem;
}
html body .wrap .user-fans .fans-con dl dt img {
  width: 100%;
  height: 100%;
}
html body .wrap .user-fans .fans-con dl dt a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-fans .fans-con dl dt:nth-child(3) {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-top: 1.8rem;
}
html body .wrap .user-fans .fans-con dl .add {
  -webkit-box-shadow: 0 0 0 1px #e13184 inset;
  -moz-box-shadow: 0 0 0 1px #e13184 inset;
  -ms-box-shadow: 0 0 0 1px #e13184 inset;
  -o-box-shadow: 0 0 0 1px #e13184 inset;
  box-shadow: 0 0 0 1px #e13184 inset;
}
html body .wrap .user-fans .fans-con dl .add:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e607";
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #ffffff;
  font-size: 2.2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-fans .fans-con dl .remove {
  -webkit-box-shadow: 0 0 0 1px #cccccc inset;
  -moz-box-shadow: 0 0 0 1px #cccccc inset;
  -ms-box-shadow: 0 0 0 1px #cccccc inset;
  -o-box-shadow: 0 0 0 1px #cccccc inset;
  box-shadow: 0 0 0 1px #cccccc inset;
}
html body .wrap .user-fans .fans-con dl .remove:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e61e";
  display: block;
  height: 2.92rem;
  line-height: 2.92rem;
  color: #ffffff;
  font-size: 2.2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-fans .fans-con dl .friend {
  -webkit-box-shadow: 0 0 0 1px #00adff inset;
  -moz-box-shadow: 0 0 0 1px #00adff inset;
  -ms-box-shadow: 0 0 0 1px #00adff inset;
  -o-box-shadow: 0 0 0 1px #00adff inset;
  box-shadow: 0 0 0 1px #00adff inset;
}
html body .wrap .user-fans .fans-con dl .friend:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e640";
  display: block;
  height: 2.6rem;
  line-height: 2.6rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-fans .fans-con dl dd {
  float: left;
  width: 22rem;
  height: 6rem;
  padding-top: 0.4rem;
}
html body .wrap .user-fans .fans-con dl dd h3 {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  width: 8.0rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.12rem;
}
html body .wrap .user-fans .fans-con dl dd strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-fans .fans-con dl dd .boy {
  color: #00adff;
}
html body .wrap .user-fans .fans-con dl dd .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-fans .fans-con dl dd .girl {
  color: #e13184;
}
html body .wrap .user-fans .fans-con dl dd .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-fans .fans-con dl dd strong {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  margin-right: 0.8rem;
  margin-right: 0.32rem;
  font-size: 1.04rem;
}
html body .wrap .user-fans .fans-con dl dd .boy:before,
html body .wrap .user-fans .fans-con dl dd .girl:before {
  padding-right: 0;
}
html body .wrap .user-fans .fans-con dl dd span,
html body .wrap .user-fans .fans-con dl dd em {
  float: left;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #cccccc;
  font-size: 1.04rem;
}
html body .wrap .user-fans .fans-con dl dd span {
  margin-right: 0.32rem;
}
html body .wrap .user-fans .fans-con dl dd p {
  clear: both;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
}
html body .wrap .user-fans .fans-con dl:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-header {
  padding-bottom: 4rem;
}
html body .wrap .user-header p {
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  font-size: 12px;
  height: auto;
  margin-bottom: 100px;
}
html body .wrap .user-header section {
  height: 100%;
}
html body .wrap .user-header section img {
  max-width: 100%;
}
html body .wrap .user-login {
  background: transparent;
  padding-bottom: 0;
}
html body .wrap .user-login .logo {
  width: 20.0rem;
  height: 13.4rem;
  margin: 0 auto;
  margin-bottom: 8rem;
}
html body .wrap .user-login .logo img {
  width: 100%;
  height: 100%;
}
html body .wrap .user-login .info {
  width: 24.0rem;
  margin: 0 auto;
  margin-bottom: 3.2rem;
}
html body .wrap .user-login .info div {
  position: relative;
  height: 4.0rem;
}
html body .wrap .user-login .info div input {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 25.2rem;
  padding-left: 0.8rem;
}
html body .wrap .user-login .info div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-login .info div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-login .info div {
  background: transparent;
  padding-left: 4rem;
}
html body .wrap .user-login .info div input {
  width: 16rem;
  padding: 0;
}
html body .wrap .user-login .info div:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e663";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-login .info div:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e608";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-login .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
  width: 24rem;
}
html body .wrap .user-login .other {
  width: 24rem;
  height: 2.4rem;
  margin: 0 auto;
  margin-bottom: 2.4rem;
}
html body .wrap .user-login .other a {
  width: 6.0rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-login .other a:nth-child(1) {
  float: left;
}
html body .wrap .user-login .other a:nth-child(2) {
  float: right;
}
html body .wrap .user-login .wx header {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 1.6rem;
}
html body .wrap .user-login .wx header:before,
html body .wrap .user-login .wx header:after {
  content: '\200B';
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 3.0rem;
  width: 8.0rem;
  height: 1px;
  background: #fff;
}
html body .wrap .user-login .wx header:before {
  left: 3rem;
}
html body .wrap .user-login .wx a {
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  background-color: #fff;
  margin: 0 auto;
}
html body .wrap .user-login .wx a img {
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  background-color: #fff;
  margin: 0 auto;
}
html body .wrap .user-security section {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
}
html body .wrap .user-security section strong {
  display: inline;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-security section span,
html body .wrap .user-security section a {
  float: right;
  width: 6.0rem;
  margin-top: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-security section:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-phone .phone {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-phone .phone span {
  display: inline;
}
html body .wrap .user-phone .set-phone {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border: none;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  margin-bottom: 3.2rem;
}
html body .wrap .user-phone .set-phone div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-phone .set-phone div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-phone .set-phone div input,
html body .wrap .user-phone .set-phone div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-phone .set-phone div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-phone .set-phone div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-phone .set-phone div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-phone .set-phone div {
  margin: 0;
}
html body .wrap .user-phone .set-phone div:nth-child(2) input {
  width: 11.0rem;
}
html body .wrap .user-phone .set-phone div:nth-child(2) span {
  right: 7.0rem;
}
html body .wrap .user-phone .set-phone div:nth-child(2) em {
  float: right;
  width: 6.0rem;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-phone .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
html body .wrap .user-forget .set-pw {
  margin-bottom: 0.8rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border: none;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  margin-bottom: 3.2rem;
}
html body .wrap .user-forget .set-pw div {
  position: relative;
  height: 4.0rem;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 1px 0 0 #ffffff inset;
  -o-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  margin-left: 0.8rem;
}
html body .wrap .user-forget .set-pw div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 8.0rem;
  text-align: center;
}
html body .wrap .user-forget .set-pw div input,
html body .wrap .user-forget .set-pw div em {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  float: left;
  width: 20.4rem;
}
html body .wrap .user-forget .set-pw div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
html body .wrap .user-forget .set-pw div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.56rem;
  content: "\e62c";
  display: block;
  height: 3.56rem;
  line-height: 3.56rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-forget .set-pw div:nth-child(1) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html body .wrap .user-forget .set-pw div {
  margin: 0;
}
html body .wrap .user-forget .set-pw div strong {
  width: 7.2rem;
  padding-left: 0.8rem;
  text-align: left;
}
html body .wrap .user-forget .set-pw div:nth-child(2) input {
  width: 11.0rem;
}
html body .wrap .user-forget .set-pw div:nth-child(2) span {
  right: 7.0rem;
}
html body .wrap .user-forget .set-pw div:nth-child(2) em {
  float: right;
  width: 6.0rem;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-forget .btn {
  width: 28.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #ffff00;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.8rem;
}
html body .wrap .user-forget .age {
  position: relative;
  height: 4rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-forget .age span {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 7.2rem;
  padding-left: 0.8rem;
  text-align: left;
}
html body .wrap .user-forget .age strong {
  float: right;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-right: 0.8rem;
}
html body .wrap .user-forget .age input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  opacity: 0;
}
html body .wrap .user-forget .sex {
  height: 4rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
}
html body .wrap .user-forget .sex strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  width: 7.2rem;
  padding-left: 0.8rem;
  text-align: left;
}
html body .wrap .user-forget .sex div {
  float: left;
  width: 21.2rem;
  height: 4rem;
}
html body .wrap .user-forget .sex div span {
  float: left;
  width: 50%;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  color: #ffff00;
}
html body .wrap .user-forget .sex div span i {
  position: relative;
  display: inline;
  padding-left: 2rem;
}
html body .wrap .user-forget .sex div span i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e72f";
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-forget .sex div .active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  content: "\e730";
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
html body .wrap .user-forget .sex-hint {
  height: 2.4rem;
  margin-bottom: 2.4rem;
  padding-left: 0.8rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-forget .registered {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-forget .registered span,
html body .wrap .user-forget .registered strong,
html body .wrap .user-forget .registered i,
html body .wrap .user-forget .registered a {
  display: inline;
  color: #ffffff;
}
html body .wrap .user-forget .hint {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
html body .wrap .user-forget .hint a {
  display: inline;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
}
html body .wrap .user-share {
  padding-top: 4.8rem;
}
html body .wrap .user-share .image {
  height: 6.4rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-share .image img {
  width: 100%;
  height: 6.4rem;
}
html body .wrap .user-share .recommend {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
html body .wrap .user-share .recommend span {
  display: inline;
  color: #ffff00;
}
html body .wrap .user-share .detail {
  margin-bottom: 0.8rem;
  padding-top: 0.8rem;
}
html body .wrap .user-share .detail img {
  width: 4.8rem;
  height: 4.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
html body .wrap .user-share .detail div {
  width: 24.0rem;
  height: 0.8rem;
  margin: 0 auto;
  background: #fff;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
html body .wrap .user-share .detail div span {
  padding: 0;
  height: 0.8rem;
  background: yellow;
}
html body .wrap .user-share .detail span,
html body .wrap .user-share .detail strong {
  float: left;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.12rem;
}
html body .wrap .user-share .detail span {
  padding-left: 3.2rem;
}
html body .wrap .user-share .detail strong {
  float: right;
  padding-right: 3.2rem;
  font-size: 1.04rem;
}
html body .wrap .user-share .detail strong em {
  display: inline;
}
html body .wrap .user-share a.recommended,
html body .wrap .user-share a.hongbao {
  width: 10.6rem;
  margin-bottom: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  height: auto;
  font-size: 1.6rem;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
html body .wrap .user-share a.recommended span,
html body .wrap .user-share a.hongbao span {
  display: inline;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  font-size: 1.6rem;
}
html body .wrap .user-share a.recommended {
  float: left;
}
html body .wrap .user-share a.hongbao {
  float: right;
}
html body .wrap .user-share a.code {
  clear: both;
  position: relative;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-share a.code:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  content: "\e65f";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-share p.share {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.12rem;
  text-align: center;
  height: auto;
}
html body .wrap .user-share p.next {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
}
html body .wrap .user-share a.help {
  width: 12.0rem;
  margin: 0 auto;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-code {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}
html body .wrap .user-code .logo {
  padding-top: 8rem;
  margin-bottom: 6rem;
}
html body .wrap .user-code .logo img {
  width: 20.0rem;
  height: 13.4rem;
  margin: 0 auto;
}
html body .wrap .user-code .logo h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  font-size: 3rem;
}
html body .wrap .user-code .code img {
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}
html body .wrap .user-code .code span {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .wrap .user-playmate .playmate-con {
  padding-bottom: 3.2rem;
}
html body .wrap .user-playmate .playmate-con div {
  height: 4.8rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  position: relative;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
html body .wrap .user-playmate .playmate-con div img {
  float: left;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
}
html body .wrap .user-playmate .playmate-con div span {
  float: left;
  margin-right: 0.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-playmate .playmate-con div strong {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-playmate .playmate-con div .boy {
  color: #00adff;
}
html body .wrap .user-playmate .playmate-con div .boy:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e682";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #00adff;
}
html body .wrap .user-playmate .playmate-con div .girl {
  color: #e13184;
}
html body .wrap .user-playmate .playmate-con div .girl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  content: "\e694";
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  display: inline;
  position: relative;
  padding-right: 0.4rem;
  color: #e13184;
}
html body .wrap .user-playmate .playmate-con div strong {
  float: left;
  height: 4.8rem;
  line-height: 4.8rem;
}
html body .wrap .user-playmate .playmate-con div i {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .wrap .user-playmate .playmate-con .edit {
  padding-left: 2.8rem;
}
html body .wrap .user-playmate .playmate-con .edit i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}
html body .wrap .user-playmate .playmate-con .edit i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e72f";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-playmate .playmate-con .active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e730";
  display: block;
  height: 6.4rem;
  line-height: 6.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
}
html body .wrap .user-share-hongbao .share-hongbao-con div {
  height: 4rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  position: relative;
  padding-left: 0.8rem;
}
html body .wrap .user-share-hongbao .share-hongbao-con div span {
  position: relative;
  float: left;
  width: 2.8rem;
  height: 4rem;
  margin-right: 0.8rem;
}
html body .wrap .user-share-hongbao .share-hongbao-con div span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  content: "\e6bd";
  display: block;
  height: 3.4rem;
  line-height: 3.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .user-share-hongbao .share-hongbao-con div strong {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
html body .wrap .user-share-hongbao .share-hongbao-con div strong i {
  display: inline;
  color: #ffff00;
}
html body .wrap .user-share-hongbao .share-hongbao-con div em {
  float: left;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-share-hongbao .more {
  height: 3.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-right: 4.0rem;
}
html body .wrap .user-share-hongbao .more span {
  float: right;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-size: 1.2rem;
}
html body .wrap .user-share-hongbao .more span strong {
  display: inline;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .user-share-hongbao .more a {
  float: right;
  clear: both;
  height: 1.6rem;
  line-height: 1.6rem;
  color: #ffff00;
  font-size: 1.2rem;
}
html body .wrap .user-feedback .feedback {
  padding-top: 0.8rem;
}
html body .wrap .user-feedback .feedback div {
  position: relative;
  height: 9.6rem;
  width: 28.4rem;
  margin: 0 auto;
  background: #152c4c;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
html body .wrap .user-feedback .feedback div textarea {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 27.6rem;
  height: 9.6rem;
  padding-left: 0.8rem;
  resize: none;
}
html body .wrap .user-feedback .upload-box {
  margin-bottom: 2.4rem;
}
html body .wrap .user-feedback .upload-box h2 {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #cccccc;
  font-size: 1.2rem;
  -webkit-box-shadow: 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 0 -1px 0 0 #ffffff inset;
  box-shadow: 0 -1px 0 0 #ffffff inset;
  padding-left: 0.8rem;
}
html body .wrap .user-feedback .upload-box .update-box {
  padding-top: 0.8rem;
  padding-left: 0.8rem;
}
html body .wrap .user-feedback .upload-box .update-box .update-img {
  position: relative;
  overflow: hidden;
  float: left;
  width: 8rem;
  height: 8rem;
  margin: 0;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
html body .wrap .user-feedback .upload-box .update-box .update-img label,
html body .wrap .user-feedback .upload-box .update-box .update-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 8rem;
}
html body .wrap .user-feedback .upload-box .update-box .update-img img {
  height: auto;
}
html body .wrap .user-feedback .upload-box .update-box .update-img input {
  position: absolute;
  left: -9999px;
}
html body .wrap .user-feedback .upload-box .update-box .update-img span {
  display: none;
}
html body .wrap .user-feedback .upload-box .update-box .update-img span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e614";
  display: block;
  height: 8rem;
  line-height: 8rem;
  color: #ffffff;
  font-size: 2.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: red;
}
html body .wrap .user-agreement section {
  padding-top: 0.8rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
html body .wrap .user-agreement section h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.44rem;
}
html body .wrap .user-agreement section p {
  height: 1.8rem;
  line-height: 1.8rem;
  color: #ffffff;
  font-size: 1.04rem;
  height: auto;
  padding-bottom: 0.4rem;
  text-indent: 3rem;
}
html body .wrap .user-agreement section span {
  padding-left: 5rem;
  height: 1.8rem;
  line-height: 1.8rem;
  color: #ffffff;
  font-size: 1.04rem;
  height: auto;
  padding-bottom: 0.2rem;
}
html body .wrap .share-index {
  background-color: #fff;
  padding-top: 8rem;
  padding-bottom: 0;
}
html body .wrap .share-index section img {
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 3.2rem;
}
html body .wrap .share-index section h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 2.4rem;
  text-align: center;
  color: #222;
}
html body .wrap .share-index section p {
  width: 80%;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #999999;
  font-size: 1.2rem;
  height: auto;
  margin: 0 auto;
}
html body .wrap .share-index section h3 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-size: 1.44rem;
  color: #666;
  text-align: center;
}
html body .wrap .share-index section:nth-child(1) {
  margin-bottom: 2.4rem;
}
html body .wrap .share-index section:nth-child(2) {
  padding-left: 5.2rem;
}
html body .wrap .share-index section:nth-child(2) span {
  float: left;
  width: 7.2rem;
  height: 10.4rem;
  margin-right: 5.2rem;
}
html body .wrap .share-index section:nth-child(2) span img {
  width: 8rem;
  height: 8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
html body .wrap .share-index section:nth-child(2) span strong {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #222222;
  font-size: 1.2rem;
  text-align: center;
}
html body .date-time,
html body .city-picker,
html body .meeting-num {
  height: 20.4rem;
  z-index: 19891016;
}
html body .date-time .bar-nav,
html body .city-picker .bar-nav,
html body .meeting-num .bar-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  -webkit-box-shadow: 0 -1px 0 0 #cccccc inset;
  -moz-box-shadow: 0 -1px 0 0 #cccccc inset;
  -ms-box-shadow: 0 -1px 0 0 #cccccc inset;
  -o-box-shadow: 0 -1px 0 0 #cccccc inset;
  box-shadow: 0 -1px 0 0 #cccccc inset;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #0079fc;
  font-size: 1.2rem;
  text-align: center;
}
html body .date-time .bar-nav .cancel,
html body .city-picker .bar-nav .cancel,
html body .meeting-num .bar-nav .cancel {
  float: left;
  width: 4.48rem;
  height: 3.2rem;
}
html body .date-time .bar-nav .button-link,
html body .city-picker .bar-nav .button-link,
html body .meeting-num .bar-nav .button-link {
  width: 3.76rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #222222;
  font-size: 1.12rem;
  margin: 0;
}
html body .date-time .picker-footer,
html body .city-picker .picker-footer,
html body .meeting-num .picker-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  width: 100%;
  height: 3.2rem;
  -webkit-box-shadow: 0 1px 0 0 #cccccc inset;
  -moz-box-shadow: 0 1px 0 0 #cccccc inset;
  -ms-box-shadow: 0 1px 0 0 #cccccc inset;
  -o-box-shadow: 0 1px 0 0 #cccccc inset;
  box-shadow: 0 1px 0 0 #cccccc inset;
}
html body .date-time .picker-footer span,
html body .city-picker .picker-footer span,
html body .meeting-num .picker-footer span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #0079fc;
  font-size: 1.2rem;
  text-align: center;
}
html body .date-time .picker-footer span:nth-child(2),
html body .city-picker .picker-footer span:nth-child(2),
html body .meeting-num .picker-footer span:nth-child(2) {
  border-left: 1px solid #ccc;
}
html body .date-time .picker-items,
html body .city-picker .picker-items,
html body .meeting-num .picker-items {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  position: absolute;
  left: 0;
  top: 3.2rem;
  width: 100%;
  height: 14.0rem;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  background-color: #fff;
  -webkit-mask-box-image: none;
}
html body .date-time .picker-items .picker-items-col,
html body .city-picker .picker-items .picker-items-col,
html body .meeting-num .picker-items .picker-items-col {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  color: #ffffff;
  font-size: 1.44rem;
}
html body .date-time .picker-items .picker-items-col .picker-items-col-wrapper .picker-item,
html body .city-picker .picker-items .picker-items-col .picker-items-col-wrapper .picker-item,
html body .meeting-num .picker-items .picker-items-col .picker-items-col-wrapper .picker-item {
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.44rem;
  text-align: center;
  padding: 0;
}
html body .date-time .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected,
html body .city-picker .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected,
html body .meeting-num .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected {
  color: #ffffff;
}
html body .date-time .picker-items .picker-center-highlight,
html body .city-picker .picker-items .picker-center-highlight,
html body .meeting-num .picker-items .picker-center-highlight {
  top: 5.6rem;
  height: 2.8rem;
  margin-top: 0;
}
html body .date-time .picker-items .picker-center-highlight:before,
html body .city-picker .picker-items .picker-center-highlight:before,
html body .meeting-num .picker-items .picker-center-highlight:before,
html body .date-time .picker-items .picker-center-highlight:after,
html body .city-picker .picker-items .picker-center-highlight:after,
html body .meeting-num .picker-items .picker-center-highlight:after {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transform: scaleY(2);
  -moz-transform: scaleY(2);
  -ms-transform: scaleY(2);
  -o-transform: scaleY(2);
  transform: scaleY(2);
  background: #fff;
}
html body .calendar {
  height: 20rem;
  z-index: 19891016;
}
html body .calendar .toolbar {
  height: 3.2rem;
}
html body .calendar .toolbar .toolbar-inner {
  height: 3.2rem;
}
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker {
  height: 3.2rem;
  line-height: 3.2rem;
}
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .link,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .link {
  max-width: none;
  height: 3.2rem;
  line-height: 3.2rem;
}
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .link .icon-next,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .link .icon-next,
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .link .icon-prev,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .link .icon-prev {
  width: 1.2rem;
  height: 1.2rem;
}
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .current-month-value,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .current-month-value,
html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .current-year-value,
html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .current-year-value {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.2rem;
  color: #ffffff;
}
html body .calendar .picker-modal-inner .picker-calendar-week-days {
  height: 2.4rem;
}
html body .calendar .picker-modal-inner .picker-calendar-week-days .picker-calendar-week-day {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row {
  height: 2.8rem;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day {
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day span {
  width: 1.6rem;
  height: 1.6rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 1.6rem;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day-prev {
  color: #999;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day-disabled {
  color: #666;
}
html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day-today span {
  width: 1.6rem;
  height: 1.6rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #f60;
}
html body .picker-bac {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0;
  z-index: 19891015;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-layer-msg {
  bottom: -16rem;
  background-color: rgba(0, 0, 0, 0.6);
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-layer-msg .layui-m-layercont {
  height: 1.5rem;
  line-height: 1.5rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  height: auto;
  padding: 1rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale {
  width: 80%;
  max-width: 100%;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layercont {
  padding: 2rem;
  background: transparent;
  -webkit-box-shadow: 0 -1px 0 0 #cccccc inset;
  -moz-box-shadow: 0 -1px 0 0 #cccccc inset;
  -ms-box-shadow: 0 -1px 0 0 #cccccc inset;
  -o-box-shadow: 0 -1px 0 0 #cccccc inset;
  box-shadow: 0 -1px 0 0 #cccccc inset;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  height: auto;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layercont img {
  width: 20rem;
  height: 20rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layerbtn {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  background: transparent;
  height: 4.0rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layerbtn span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 4rem;
  line-height: 4rem;
  color: #0079fc;
  font-size: 1.2rem;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading {
  width: 10.4rem;
  max-width: 10.4rem;
  min-width: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading .layui-m-layercont {
  width: 6.4rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading .layui-m-layercont i {
  width: 1rem;
  height: 1rem;
  margin-left: 0.32rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading .layui-m-layercont i:first-child {
  margin-left: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading .layui-m-layercont p {
  margin-top: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  height: auto;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .layui-m-layercont {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search strong {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search strong:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  content: "\e62c";
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  font-family: 'iconfont';
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.44rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div h3 {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.28rem;
  text-align: center;
  padding: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div h3:before {
  content: '\200B';
  display: block;
  position: absolute;
  height: 1px;
  width: 8.0rem;
  left: 0;
  top: 1.2rem;
  background: #fff;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div h3:after {
  content: '\200B';
  display: block;
  position: absolute;
  height: 1px;
  width: 8.0rem;
  right: 0;
  top: 1.2rem;
  background: #fff;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con span i {
  position: relative;
  display: inline;
  padding-top: 0.56rem;
  padding-left: 1.6rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con .active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6rem;
  content: "\e645";
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .theme {
  margin-bottom: 1rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn {
  height: 5.6rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn span {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn em {
  float: right;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffff00;
  font-size: 1.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .playmate-search .layui-m-layercont {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .playmate-search .sex {
  margin-bottom: 1rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao {
  width: 24.0rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #d84e43;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .cover {
  position: absolute;
  top: -56rem;
  left: -28rem;
  width: 80rem;
  height: 80rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #e1544a;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .title {
  position: relative;
  padding-top: 3.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .title span,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .title strong {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  font-size: 1.6rem;
  color: #fdda99;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .money {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  padding-top: 1.6rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fdda99;
  margin-bottom: 4.5rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .money span {
  display: inline;
  font-size: 2.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .get {
  position: relative;
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ddbd84;
  margin: 0 auto;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .get span {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  width: 9.2rem;
  height: 9.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ddbd84;
  border: 1px solid #d84e43;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .get strong {
  position: relative;
  width: 6.0rem;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
  font-size: 2.4rem;
  height: auto;
  color: #222;
  padding-top: 1.8rem;
  margin: 0 auto;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #fdda99;
  font-size: 1.04rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont {
  padding: 0;
  background: #d84e43;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  border-radius: 2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 1px solid #fff;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont p {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.36rem;
  text-align: left;
  height: auto;
  padding: 1rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont {
  padding: 1rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont h2 {
  height: 4rem;
  line-height: 4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  border-bottom: 1px solid #fff;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection span {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: left;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e72f";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection .active:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  content: "\e730";
  display: block;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx {
  width: 100%;
  bottom: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont div {
  height: 6.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont div span {
  float: left;
  width: 50%;
  height: 6.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont div span img {
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  margin: 0 auto;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont div span em {
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont strong {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password {
  width: 24.0rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont h2 {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffff00;
  font-size: 1.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div {
  position: relative;
  height: 3.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span {
  position: absolute;
  top: 0;
  width: 3.4rem;
  height: 3.2rem;
  -webkit-box-shadow: 1px 0 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 0 -1px 0 0 #ffffff inset;
  -moz-box-shadow: 1px 0 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 0 -1px 0 0 #ffffff inset;
  -ms-box-shadow: 1px 0 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 0 -1px 0 0 #ffffff inset;
  -o-box-shadow: 1px 0 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 0 -1px 0 0 #ffffff inset;
  box-shadow: 1px 0 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 0 -1px 0 0 #ffffff inset;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(1) {
  left: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(2) {
  left: 3.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(3) {
  left: 6.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(4) {
  left: 10.2rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(5) {
  left: 13.6rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(6) {
  left: 17rem;
  -webkit-box-shadow: 0 0 0 1px #ffffff inset;
  -moz-box-shadow: 0 0 0 1px #ffffff inset;
  -ms-box-shadow: 0 0 0 1px #ffffff inset;
  -o-box-shadow: 0 0 0 1px #ffffff inset;
  box-shadow: 0 0 0 1px #ffffff inset;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  padding-left: 1.5rem;
  background: transparent;
  letter-spacing: 2.92rem;
  font-size: 1.44rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting {
  bottom: 0;
  width: 100%;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont {
  padding-top: 1.6rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont div,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont a,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span {
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1.6rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont div label,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont a label,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont div input,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont a input,
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span input {
  position: absolute;
  left: -9999px;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span {
  -webkit-box-shadow: 0 0 0 1px #ffff00 inset;
  -moz-box-shadow: 0 0 0 1px #ffff00 inset;
  -ms-box-shadow: 0 0 0 1px #ffff00 inset;
  -o-box-shadow: 0 0 0 1px #ffff00 inset;
  box-shadow: 0 0 0 1px #ffff00 inset;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time {
  bottom: 0;
  width: 100%;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont {
  padding: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont header {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #0079fc;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont article {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
  height: 4.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont article span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont article span i {
  display: inline;
  position: relative;
  height: 4.8rem;
  line-height: 4.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont article span.active i:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6rem;
  content: "\e645";
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  font-family: 'iconfont';
  color: #0079fc;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont footer {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  color: #0079fc;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record {
  width: 100%;
  bottom: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont {
  padding: 0;
  padding-top: 0.8rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont p {
  height: 3.2rem;
  line-height: 3.2rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont span {
  position: relative;
  width: 8rem;
  height: 8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e60d";
  display: block;
  height: 6.1rem;
  line-height: 6.1rem;
  color: #ffffff;
  font-size: 8rem;
  text-align: center;
  font-family: 'iconfont';
  color: #172b4c;
  opacity: 0.6;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e60b";
  display: block;
  height: 7.8rem;
  line-height: 7.8rem;
  color: #ffffff;
  font-size: 4rem;
  text-align: center;
  font-family: 'iconfont';
  color: #ffff00;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .play:before {
  display: none;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .play:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e60c";
  display: block;
  height: 6.34rem;
  line-height: 6.34rem;
  color: #ffffff;
  font-size: 7.4rem;
  text-align: center;
  font-family: 'iconfont';
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .pause:before {
  display: none;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .pause:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  content: "\e62d";
  display: block;
  height: 7.4rem;
  line-height: 7.4rem;
  color: #ffffff;
  font-size: 8.2rem;
  text-align: center;
  font-family: 'iconfont';
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont strong {
  height: 2.8rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layerbtn {
  display: none;
  height: 4.0rem;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layerbtn span {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari and Chrome */
  -ms-flex: 1.0;
  /* Internet Explorer 10 */
  box-flex: 1.0;
  margin: 0;
  border: none;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 4rem;
  line-height: 4rem;
  color: #0079fc;
  font-size: 1.2rem;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .show-btn {
  display: -moz-box;
  /* Firefox */
  display: -webkit-box;
  /* Safari and Chrome */
  display: -ms-flexbox;
  /* Internet Explorer 10 */
  display: box;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .share {
  width: 100%;
  height: 100%;
  background: transparent;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .share .layui-m-layercont {
  width: 100%;
  height: 100%;
  padding: 0;
}
body .layui-m-layer .layui-m-layermain .layui-m-layersection .share .layui-m-layercont img {
  position: fixed;
  right: 1rem;
  top: 2rem;
  width: 17.88rem;
  height: 18.72rem;
}
body .mui-popup .mui-popup-buttons .mui-popup-button {
  color: #ffff00;
}
body .lazy-refresh {
  height: 4rem;
  font-size: 1.2rem;
  line-height: 4rem;
  text-align: center;
  background: #faa;
}
body .lazy-loading {
  height: 4rem;
  font-size: 1.2rem;
  line-height: 4rem;
  text-align: center;
  color: #ffffff;
}
body .lazy-loading:before {
  display: inline;
  width: 2.0rem;
  line-height: 4.0rem;
  font-size: 1.6rem;
  text-align: center;
  font-family: '../font/iconfontmedium';
}
body .no-data {
  display: none;
  padding-top: 13.76rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.44rem;
  text-align: center;
}
body .index-no-data {
  padding-top: 4rem;
}
